赞助商
立即赞助

新闻资讯类App 该如何设计?这儿有一份UX分析

产品经验3年前 (2021)发布 流光
1.9K 0 0

作到已负责过2资讯类新项目了,每次完项目感觉都很多缺憾,这次就对新闻资讯类 app 一 UX 总结解析,希望能对家所帮。

一、行业背景、用户分析

1. 背景

闻资讯行从传统媒体时代,到 PC 互联普及,再到现如今的移互联时代。信息传播的速率断升,互性断增强,短视频、直播与 VR 行的入会使未来闻资讯行在断多样的满足户需求中走向社交。

目市面主流的移动新闻资讯 APP 分2类:

  • 聚合类闻资讯 app(今日头条、UC、一点资讯):平台本身产原创容,抓取整合行各类信息源推送,满足户个性需求。
  • 门户类网站新闻资讯 app(腾讯新闻、网易新闻、搜狐新闻):PC 延伸的门户网站,通过转载内新闻解析满足用户多元化需求。
2. 用研

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

姓名:阿扎西A

性别:男

坐标:一线城市

年龄:30

学历:本科

家庭情况:一家三口

职:公司职员

月薪:1-2w

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

新闻资讯类App 该如何设计?这儿有一份UX分析

二、UX 设计方向

1. 高效阅读

新闻资类 app 从产品运营角度出是一个「内容为王」的产品,虽各产品客户端在大数据法上所有不同,功能细节有所不同,但最核心的 UX 关键词在「高效阅读」4字。

基于「效阅读」,我们第一件可思考的事情就是何种样式的版更有利?

字版

字颜色与背景颜色:字、背景颜色与光线水平相。多数研究表明,在明亮光线,浅色背景深色字深色背景浅色字更好识别,在较暗光线则相反。而字与背景的本对应为7:1相对阅读更舒适(根据 Material Design 设计语言推荐)。

新闻资讯类App 该如何设计?这儿有一份UX分析

就是我们说的,UX 设计应尽量避免纯黑白设计,带量灰的背景色与字颜色更易于移端阅读。

文字小与间距:日常用户使用中,推荐使用文字:30px-32px,行间距间距:默认1.2,保险也家熟悉的行间距,同时也减少了发的作(默认行间距)。

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

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

新闻资讯类App 该如何设计?这儿有一份UX分析

基本主流的中文新闻资讯类 app 中也都采用了端对齐的方式,但是要绝对的说端对齐就一定更易于阅读,觉得这个问题就比较因人而异了,你觉得呢?

图文排版

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

在重设计腾新闻的时因为个问题纠结很久,最还是采用左文右图的形式,当不是因为随大流,确切是有以下2个原因:

  • 响阅读效率:根据大部国人从左右的阅读顺序,先图片再标题,但有些新闻图片表达息过于模糊,用户需要阅读标题后再次会图片,这就会造成一个视觉重复,虽然这也只是个1秒不的间滞留,但大量的类似列表就会比较响阅读效率了。

新闻资讯类App 该如何设计?这儿有一份UX分析

  • 打乱视上的整齐局:对能出现的无图新闻信息,么左图右文的情况就造成页面的不整齐,影响视阅读的惯。

新闻资讯类App 该如何设计?这儿有一份UX分析

另文章详情页布局是先标题是先图片,也是理可。

新闻资讯类App 该如何设计?这儿有一份UX分析

2. 碎片化使用

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

而在 UX 设计上,我们也应该多考虑用户不场景 app 体验不需求。

日夜模/内模

用户使用第高频场景是在睡觉前,使用场景唯——灯,线较弱,结合我们在上文提到线平影响我们选择文颜色与背景颜色来调节阅读舒适度。

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

新闻资讯类App 该如何设计?这儿有一份UX分析

阅读历史

用户使用第高频场景,常常是在以及交工具上时消耗。出现突发状况会比多,随时可能关掉阅读 app 打开其他应用,而用户想起某篇看了半却忘记收藏文章时,可以在历史记录里找到阅读过文章。

新闻资讯类App 该如何设计?这儿有一份UX分析

至于阅读历史使用何形列表最易于用户查询,荐是使用与用户阅读击文章时致形,确保了文章信息识度,便用户找到过文章。

3. 用户吸收与留存

分享

2017 的新数据显示近五的用户愿意将自己认趣的文章通过微信、微博分享出去,因新闻资讯类 app 的吸途径主源还于社交平台的分享。

除了本身文章内容质量以及个性化荐,分享入口设计在实体验与转换率提升也占着要位。

新闻资讯类App 该如何设计?这儿有一份UX分析

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

「不感兴趣」

记过年回家时,我爸问我说今日头条最近怎么这么多 UFO 新闻,刚好都是他喜欢看,所以常常看到半夜。

大部数据也显示,用户在使用新闻资讯类 app 最关注的是新闻内容是否符兴趣。显然用大数据算法来了解用户喜好,推出用户喜好的文章,是提升用户粘度的核心所在。

与个化推荐的大数据抓取紧密相连的界面功能是「不感兴趣」按钮,国内的新闻类 app 与国外的 app 抓取信息源法显不同,「不感兴趣」按钮统一出现在每个新闻列表中,用户以直接点击删除按钮删除不感兴趣的新闻,没有二级操,简单粗暴,更精准的得到用户个化喜。

新闻资讯类App 该如何设计?这儿有一份UX分析

但是看着满屏歪七扭八的删除按钮,总得是不是以有一个更优的设计方案替代它。是想很久没有很满意的结果,因为无论是用 iOS 源生的左滑删除还是更换表达形式增加用户学习成,同时还能影响其他 tab 功能使用。

沉浸式阅读

用户在文章详情页停留的时长往往决定用户的留存度。果用户在篇文章停留很短时间,意味着用户对大比例的文章兴趣度和满意度并不高,也意味着用户得不到满意的产品内容就离开个应用,去寻求其他产品。

可户更沉浸式的阅读章,除了章容本身之外,章详情页本身承载的功和交互十分重要。

新闻资讯类App 该如何设计?这儿有一份UX分析

如大分闻资讯类 app 都尝试在章详情页中增或顶功栏,里面会涵盖对户尽可实的功。如日夜阅读模式切换、字体大小调整或是投诉等,使户在阅读时需要因为自身需求而离开章详情页,尽可减必要的跳转和阅读中断。

以我对新闻资讯类产品的一些浅析,其实真的深入挖掘还自身渗透到业务产品线中能获得,近也越越感到不一样的产品对设的求侧重也完全不同,这些对设师的求也都会不同的影响。

欢迎关注作者微信公众号:「Nana 设计锦囊」

新闻资讯类App 该如何设计?这儿有一份UX分析

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

上一篇文章为设计师们拨云见雾,分析了模态弹窗与非模态弹窗,受到了挺多读者的喜爱,详文《春节专题!App 设计系列之模态弹...
交互控件
编者按:我们生活在一个快速发展的时代,技术正在以难以想象的速度快速地进步,即便我们所处的设计行业,也随着这些趋势和技...
经验分享
编者按:文章用诸多案例讲解关于「峰终定律」的概念、应用、改善用户体验的步骤。 一、什么是峰终定律 峰终定律是由诺贝尔奖...
入门
来自 Prototypr 的干货合集会更加具有针对性一些──一共26款工具,并且被精心的分类了。从原型插件到用户测试工具,从字体到求...
干货
如果你公司的产品数据反映出用户下单完成率很低、如果你公司年度目标是提升销售额、如果用户反映下单流程太复杂,…作为产品、...
Keep
@苏大牙牙牙 :日常工作中,有很多看似平凡的小细节,常被大家忽视,却影响着用户的真实体验。比如,前几天跟同事们针对产品...
App分析
编者按:用户访谈是了解用户最常见也最重要的一种方式,但是为什么有团队做的用户访谈并没有发挥它应有的作用呢?造成这个结...
UX设计
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计