1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

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

时间:2020-07-08   分类:设计管理    作者:网络   来源:网络整理   点击:136

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

九分网络

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

www.9fen.net

一、行业背景、用户分析 1. 背景

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

本文来自九分网络

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

www.9fen.net

聚合类新闻资讯 app(今日头条、UC、一点资讯):平台本身不产出原创内容,抓取整合行业各类信息源推送,满足用户个性化需求。

本文来自九分网络

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

九分网络

2. 用研

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

姓名:阿扎西A 内容采集来自9fen.net

性别:男

copyright 9fen.net

坐标:一线城市

www.9fen.net

年龄:30 本文来自九分网络

学历:本科 本文来自九分网络

家庭情况:一家三口 www.9fen.net

职业:公司职员

内容采集来自9fen.net

月薪:1-2w 内容采集来自9fen.net

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

copyright 9fen.net

新闻资讯类App 该如何设计?这儿有一份UX分析 内容采集来自9fen.net

本文来自九分网络

二、UX 设计方向 1. 高效阅读

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

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

内容采集来自9fen.net

文字排版 九分网络

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

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

九分网络

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

copyright 9fen.net

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

copyright 9fen.net

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

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

内容采集来自9fen.net

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

copyright 9fen.net

copyright 9fen.net

基本主流的中文新闻资讯类 app 中也都采用了两端对齐的方式,但是要很绝对的说两端对齐就一定更易于阅读,我觉得这个问题就比较因人而异了,你们觉得呢? 内容采集来自9fen.net

图文排版

copyright 9fen.net

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

copyright 9fen.net

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

copyright 9fen.net

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

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

本文来自九分网络

copyright 9fen.net

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

内容采集来自9fen.net

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

www.9fen.net

九分网络

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

标签: APP设计 用户体验 经验分享 用户场景 优设 页面布局

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----