设计小结新闻资讯类App的UX浅析人人

北京中科白癜风医院传递健康和希望 http://baidianfeng.39.net/a_ht/211226/10121116.html

工作到现在已经负责过2个资讯类新项目了，每次做完项目感觉都有很多缺憾，这次就对新闻资讯类app做一个UX总结解析，希望能对大家有所帮助。

行业背景、用户分析

背景

新闻资讯行业从传统媒体时代，到PC互联网普及，再到现如今的移动互联网时代。信息传播的速率不断提升，互动性不断增强，短视频、直播与VR行业的加入会使未来新闻资讯行业在不断多样化的满足用户需求中走向社交化。

目前上主流的移动新闻资讯APP分为2类：

聚合类新闻资讯app（今日头条、UC、一点资讯）：

平台本身不产出原创内容，抓取整合行业各类信息源推送，满足用户个性化需求。

门户类网站新闻资讯app（腾讯新闻、网易新闻、搜狐新闻）：PC延伸的门户网站，通过转载内容和新闻解析满足用户多元化需求。

用研

根据iresearch数据各项占比，我们可以建立一个移动新闻资讯app核心用户概念模型。

姓名：阿扎西A

性别：男

坐标：一线城市

年龄：30

学历：本科

家庭情况：一家三口

职业：公司职员

月薪：1-2w

同样根据iresearch数据显示，我们可以建立移动新闻资讯app用户高频使用场景。

UX设计方向

高效阅读

新闻资讯类app从产品运营角度出发都是一个“内容为王”的产品，虽然各产品客户端在大数据算法上所有不同，功能细节有所不同，但最核心的UX关键词都在于“高效阅读”4字。

基于”高效阅读“，我们 件可以思考的事情就是何种样式的排版更有利？

1.文字排版

文字颜色与背景颜色

文字、背景颜色与光线水平相关。多数研究表明，在明亮光线下，浅色背景深色字比深色背景浅色字更好识别，在较暗光线下则相反。而文字与背景的文本对比度应为7：1相对阅读更舒适（根据MaterialDesign设计语言推荐）。

也就是我们常常说的，UX设计应尽量避免纯黑白设计，带少量灰度的背景色与文字颜色更易于移动端阅读。

文字大小与间距

在日常用户使用中，推荐使用正文字号：30px-32px,行间距间距：默认1.2，是最保险也是大家最熟悉的行间距，同时也减少了开发的工作量（默认行间距）。

其实有不少app现在都设有字体以及字体大小设置功能，如：今日头条，用户可以根据使用场景与需要自定义字体及大小阅读，有利提升用户粘度。

对齐方式

现在最常见的两种排版对齐方式应该就是左对齐和两端对齐。在英文的段落排版中，通常是左侧对齐，而让右侧自然形成起伏边，而对于中文排版与阅读习惯而言则相反，段落的头尾对齐显得比较重要。

基本主流的中文新闻资讯类app中也都采用了两端对齐的方式，但是要很 的说两端对齐就一定更易于阅读，我觉得这个问题就比较因人而异了，你们觉得呢？

2.图文排版

是左图右文还是左文右图？

在重设计腾讯新闻的时候因为这个问题纠结了很久， 还是采用了左文右图的形式当然不是因为随大流，确切是有以下2个原因：

影响阅读效率

根据大部分国人从左到右的阅读顺序，先看到图片再看到标题，但有些新闻图片表达信息过于模糊，用户需要阅读标题后再次会看图片，这里就会造成一个视觉重复，虽然这也只是个1秒不到的时间滞留，但大量的类似列表就会比较影响阅读效率了。

打乱视觉上的整齐布局

对于可能出现的无图新闻信息，那么左图右文的情况就会造成页面的不整齐，影响视觉阅读的惯性。

另外文章详情页布局是先标题还是先图片，也是同理可得。

碎片化使用

根据上文中得出新闻资讯类app使用时间与场景占比，我们可以得出的结论是，该类app的使用是偏向碎片化的，让用户随时随地可以方便使用的，轻松愉快的消耗掉空余时间，培养用户使用惯性。

因而在UX的设计上，我们也应该多考虑用户不同场景中对app体验的不同需求。

1.日夜模式/室内外模式

用户使用的 高频场景是在睡觉前，使用场景中 的光源——灯光，光线较弱，结合我们在上文中提到的光线水平影响我们选择文字颜色与背景颜色来调节阅读舒适度。

如腾讯新闻等app已经推出场景切换模式供用户选择更舒适的界面阅读环境。

2.阅读历史

用户使用的第二高频场景，常常是在室外以及交通工具上时间消耗。出现的突发状况会比多，随时可能关掉阅读的app打开其他应用，而当用户想起某篇看了一半却忘记收藏的文章时，就可以在历史记录里找到阅读过的文章。

至于阅读历史使用何种形式的列表方式最易于用户查询，推荐还是使用与用户阅读点击文章时一致的形式，确保了文章信息的识别度，方便用户找到错过的文章。

用户吸收与留存

1.分享

年的新数据显示近五成的用户愿意将自己认为有趣的文章通过