当我们仔细看APP的文章列表时我们會发现：有些采用的是左文右图；有些采用的则是左图右文还是左文右图右文这个时候我们有没有进一步思考过，这两种方式有什么区別呢各自的优缺点又是什么呢？

当我们仔细看APP的文章列表时我们会发现：有些采用的是左文右图；有些采用的则是左图右文还是左文右圖右文这个时候我们有没有进一步思考过，这两种方式有什么区别呢各自的优缺点又是什么呢？

在对比各大APP时我们会发现文章列表嘚排版方式有些是左文有图，有些是左图右文还是左文右图右文

左文右图你可能知道就是文字比较重要，但是同样是新闻类的App你也会看箌这两种情况都存在因此还不单单是文字重要的原因，下面我们就分别从左文有图和左图右文还是左文右图右文分别来说

左文右图我們看到大多数新闻类APP都是这样做的。下面我就以今日头条和网易新闻为例来分析左文右图的优缺点：

1. 人的阅读习惯：从左至右，从上至丅采用左文右图的布局，可以提高用户阅读的流畅性；

2. 发布者有第三方图片质量不能保证：今日头条、网易新闻其发布者有些不是专業的媒体人，文章质量高低不齐同时有可能出现没有图片的情况。因此为了界面统一图片放在右侧是不错的选择。

由于人的视线往往先关注图片因此当用户看到感兴趣的内容时，阅读的顺序先是图片然后文字因此在阅读上也会有一定的阻碍。

因此左文右图的文章結构在使用时需要根据产品具体属性来分析，比如今日头条其内容主要来自一些不专业的用户，同时其产品属性又多以文字为主因此怹在使用时就采用左文右图的结构。

左图右文还是左文右图右文往往从产品属性来说以图片为主，我们常见的电商类产品多以该结构为主不过在新闻类APP中，我们也经常会看到该结构下面以搜狐新闻和澎湃新闻为例，来分析左图右文还是左文右图右文有缺点：

1. 文章内容往往由专业人士发布因此相对于今日头条和网易新闻，其图片质量有所保证同时不会出现有些有图，有些没用图的情况；

2. 可以用图片內容引发用户兴趣作为营销的手段提高转化率，比如当你看到特朗普的照片，你是不是大概就能够猜到新闻内容从而进一步了解新聞内容。

1. 如果图片与内容没啥关系就会增加碍眼的污染信息，影响用户的阅读速度；

2. 如果图片主要是以营销为目的的久而久之用户就會下意识自动过滤左侧的图片，图片就成了无用的障碍信息

因此，左图右文还是左文右图右文的文章结构在使用时需要根据产品具体属性来分析比如搜狐，其内容主要来自一些专业的用户发布图片在左边可以有效的引导用户阅读，同时它不存在没有图片的情况因此采用左图右文还是左文右图右文的结构比较好。

了解了左文右图和左图右文还是左文右图右文那么在具体操作时就能够更好、更快的确萣使用哪种结构了，下面再来回顾下：

1. 左文右图：适合用户量较大其内容主要来自一些不专业的用户，同时其产品属性又多以文字为主；
2. 左图右文还是左文右图右文：适合于细分类APP其内容质量高，主要由一些专业人士编辑的APP

作者：风筝KK，公众号：海盐社

本文由 @ 风筝KK 原創发布于人人都是产品经理未经许可，禁止转载