当前位置: 首页 >文章 > 新闻资讯类App的UX浅析
收藏
分享

新闻资讯类App的UX浅析

举报Nana的设计锦囊Nana的设计锦囊发布于 2018-09-053705阅读4点赞
其实真正的深入挖掘还是要自身渗透到业务产品线中才能获得,近期来也越来越感到不一样的产品对设计的要求侧重也完全不同,这些对设计师的要求和成长也都会有很大不同的影响。 ...

行业背景、用户分析


背景


新闻资讯行业从传统媒体时代,到PC互联网普及,再到现如今的移动互联网时代。信息传

播的速率不断提升,互动性不断增强,短视频、直播与VR行业的加入会使未来新闻资讯行

业在不断多样化的满足用户需求中走向社交化。


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


聚合类新闻资讯app(今日头条、UC、一点资讯):

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


门户类网站新闻资讯app(腾讯新闻、网易新闻、搜狐新闻):PC延伸的门户网站,通过

转载内容和新闻解析满足用户多元化需求


用研


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

                       姓名:阿扎西A

                       性别:男

                       坐标:一线城市

                       年龄:30

                       学历:本科

                       家庭情况:一家三口

                       职业:公司职员

                       月薪:1-2w


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


UX设计方向


高效阅读


新闻资讯类app从产品运营角度出发都是一个“内容为王”的产品,虽然各产品客户端在大数

据算法上所有不同,功能细节有所不同,但最核心的UX关键词都在于“高效阅读”4字。


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


1. 文字排版

•  文字颜色与背景颜色

文字、背景颜色与光线水平相关。多数研究表明,在明亮光线下,浅色背景深色字比深色背

景浅色字更好识别,在较暗光线下则相反。而文字与背景的文本对比度应为7:1相对阅读更

舒适(根据Material Design设计语言推荐)。

也就是我们常常说的,UX设计应尽量避免纯黑白设计,带少量灰度的背景色与文字颜色更易

于移动端阅读。


•  文字大小与间距

在日常用户使用中,推荐使用正文字号:30px-32px, 行间距间距:默认1.2,是最保险也是大

家最熟悉的行间距,同时也减少了开发的工作量(默认行间距)。


其实有不少app现在都设有字体以及字体大小设置功能,如:今日头条,用户可以根据使用场

景与需要自定义字体及大小阅读,有利提升用户粘度。


•  对齐方式

现在最常见的两种排版对齐方式应该就是左对齐和两端对齐。在英文的段落排版中,通常是

侧对齐,而让右侧自然形成起伏边,而对于中文排版与阅读习惯而言则相反,段落的头尾对齐

显得比较重要。

基本主流的中文新闻资讯类app中也都采用了两端对齐的方式,但是要很绝对的说两端对齐就

一定更易于阅读,我觉得这个问题就比较因人而异了,你们觉得呢?


2. 图文排版

是左图右文还是左文右图?

在重设计腾讯新闻的时候因为这个问题纠结了很久,最后还是采用了左文右图的形式当然不是

因为随大流,确切是有以下2个原因:

•  影响阅读效率

根据大部分国人从左到右的阅读顺序,先看到图片再看到标题,但有些新闻图片表达信息过于

模糊,用户需要阅读标题后再次会看图片,这里就会造成一个视觉重复,虽然这也只是个1秒

不到的时间滞留,但大量的类似列表就会比较影响阅读效率了。

•  打乱视觉上的整齐布局

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

惯性。

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


碎片化使用


根据上文中得出新闻资讯类app使用时间与场景占比,我们可以得出的结论是,该类app的使用

是偏向碎片化的,让用户随时随地可以方便使用的,轻松愉快的消耗掉空余时间,培养用户使

用惯性。

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


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

用户使用的第一高频场景是在睡觉前,使用场景中唯一的光源——灯光,光线较弱,结合我们

在上文中提到的光线水平影响我们选择文字颜色与背景颜色来调节阅读舒适度。

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


2.阅读历史

用户使用的第二高频场景,常常是在室外以及交通工具上时间消耗。出现的突发状况会比多,

随时可能关掉阅读的app打开其他应用,而当用户想起某篇看了一半却忘记收藏的文章时,就可

以在历史记录里找到阅读过的文章。

至于阅读历史使用何种形式的列表方式最易于用户查询,推荐还是使用与用户阅读点击文章时一

致的形式,确保了文章信息的识别度,方便用户找到错过的文章。


用户吸收与留存


1. 分享

2017年的新数据显示近五成的用户愿意将自己认为有趣的文章通过微信、微博分享出去,因而新

闻资讯类app的吸量途径主要来源还在于社交平台上的分享。


除了本身的文章内容质量以及个性化推荐之外,分享入口的设计在实际体验与转换率提升中也占

着重要位置。

分享入口应尽可能明显,并与其他功能入口保持一定操作空间,避免误操作。


2. “不感兴趣”

还记得过年回家时,我老爸问我说今日头条最近怎么这么多UFO新闻,刚好都是他喜欢看的,所

以常常看到半夜。


大部分数据也显示,用户在使用新闻资讯类app时最关注的是新闻内容是否符合兴趣。很显然用

大数据算法来了解用户喜好,推出用户喜好的文章,是提升用户粘度的核心所在。


与个性化推荐的大数据抓取紧密相连的界面功能是“不感兴趣”按钮,国内的新闻类app与国外的

app外抓取信息源算法显然不同,“不感兴趣”按钮统一出现在了每个新闻列表中,用户可以直接

击小叉子删除不感兴趣的新闻,没有二级操作,简单粗暴,更精准的得到用户个性化喜好。

但是看着满屏歪七扭八的小叉子,总觉得是不是可以有一个更优的设计方案替代它。可是想了

很久都没有很满意的结果,因为无论是用ios源生的左滑删除还是更换表达形式都会增加用户学

习成本,同时还可能影响其他tab功能使用。


3. 沉浸式阅读

用户在文章详情页停留的时长往往决定了用户的留存度。如果用户在多篇文章的时间都停留很

短时间,意味着用户对大比例的文章兴趣度和满意度并不高,这也意味着用户得不到满意的产

品内容就会转而离开这个应用,去寻求其他产品。


可以让用户更沉浸式的阅读文章,除了文章内容本身之外,文章详情页本身承载的功能和交互

也十分重要。

比如大部分新闻资讯类app都尝试在文章详情页中增加底部或顶部功能栏,里面会涵盖对用户

尽可能实用的功能:如日夜阅读模式切换、字体大小调整或是投诉等,使用户在阅读时不需要

因为自身需求而离开文章详情页,尽可能减少不必要的跳转和阅读中断。


以上是我对新闻资讯类产品的一些浅析,其实真正的深入挖掘还是要自身渗透到业务产品线中

才能获得,近期来也越来越感到不一样的产品对设计的要求侧重也完全不同,这些对设计师的

要求和成长也都会有很大不同的影响。



END


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩12天31人已报名
【4月】零基础手绘插画训练营
距离开班仅剩12天57人已报名
电商海报设计训练营
距离开班仅剩40天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了48,550
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证