文档章节

优秀设计师不得不知道的用户体验设计(四)

博为峰教研组
 博为峰教研组
发布于 2017/02/16 19:01
字数 532
阅读 3
收藏 0

.布局状态

移动端和pc端相比有两个比较显著的特点:第一,移动端应用的高情景驱动,也就是我们能在随时随地使用;第二,移动端设备大小的多样性和限制性;

下面我们先看具有代表性的几类app,我们能分析出他们在设计产品的时候是如何考虑用户的浏览状态 

 

 

那么要如何设计框架结构和功能分布让用户浏览的效率和转化率大大提高呢?我们首先来看看这6张图,我们看到这些app首页的排版并不一样。那这有什么规律可循吗?

在做交互设计的时候我们需要考量的是如何能将信息让用户高效的获取,只有提高信息获取效率,用户才能更快的锁定兴趣点也就是核心诉求。

新闻类的app通常会将图片放置在左侧,文字放置在右侧,而实际情况是我一进入首页首先扫一遍标题,图片反而是在我扫完标题有兴趣之后再去关注的,为什么?因为图片虽然在视觉影响力比文字强,但是表意不明,看图片无法知道他要讲的究竟是一件什么事,而文字确能一目十行,但是不乏有些新闻是靠图片来吸引读者的,你们懂的。所以新闻也好,资讯类app也好,目的都是需要提高用户的信息获取效率,本质上来说谁左谁右都是有迹可循的。

做个小总结,如何提高用户获取效率方法:

1、了解用户获取内容时的视觉流及操作流(有条件可招募用户做可用性测试)。

2、内容层次分明,并将相关联信息一起展示。

3、清楚用户核心诉求并将其重点展示。

4、内容展示有节奏感。

 

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 49
博文 1224
码字总数 479077
作品 0
黄浦
程序员
看 37signals 如何招聘 UI 设计师

37signals ,全世界效率最高的软件公司之一,保持着“小,美,酷”的特征,十多个员工分散在两大洲八个城市,是协同工作的典范。最近 37signals 想招聘一名 UI 设计师,看看这份信息量十足的...

JORDANSG
2012/07/13
0
0
UX写作:让UI界面为更好的用户体验而发声

UX写作:让UI界面为更好的用户体验而发声 优设-UISDC2017-12-251 阅读 教程用户体验设计Studio 在过去的2年当中,设计领域一直在探讨UX写作(UX Writing)这一“新兴”的设计分支。实际上,即...

优设-UISDC
2017/12/25
0
0
不得不看的8大经典着陆页设计案例

着陆页设计的目的在于如何吸引用户、留住用户,提升转化率。许多网站的成功,关键体现在它们的着陆页设计。这些成功的案例无一例外都有一个共同点:它们拥有最棒的UI/UX设计师,拥有最吸引人...

jongde
02/06
0
0
想要提升用户体验,这6种使用插画的方法颇为不错

想要提升用户体验,这6种使用插画的方法颇为不错 优设-UISDC2017-12-261 阅读 教程用户体验设计 相比于文字,视觉对于用户的影响更为直接、明显。人们对于图形和视觉信息的处理速度更快,这是...

优设-UISDC
2017/12/26
0
0
UX的设计灵感从哪里来?——看看Megan Wilson的采访

Megan Wilson是一位资深的用户体验师和UX Motel的专业编辑。同时她是ux.walkme.com网站UX专栏作家,在Facebook、领英有大量粉丝。和一般介绍性的文章不同,她喜欢用访谈的方式来发表UX方面的...

jongde
2016/11/06
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

vue+element-ui操作删除(单行和批量删除)

页面展示: <template><!-- 表格内容 --><el-table :data="packData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange"><el-tab......

琴妹
5分钟前
0
0
基于vue(element ui) + ssm + shiro 的权限框架

zhcc 基于vue(element ui) + ssm + shiro 的权限框架 引言 心声 现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目,网上有句话说,语言框架...

DarrenHu_吴邪
13分钟前
0
1
数据库水平切分(MyCat分片)

范围分片 io.mycat.route.function.AutoPartitionByLong 自动范围分片 Function名称:rang-long(配置文件默认) 枚举分片 io.mycat.route.function.PartitionByFileMap 枚举分片 Funtion名称...

这很耳东先生
14分钟前
0
0
读《HeadFirst设计模式》笔记之外观模式

外观模式:提供了一个统一的接口,用来访问子系统中的一群接口。外观定义了一个高层接口,让子系统更容易使用。 举个栗子: 建了一个家庭影院,但是每次享受家庭影院时,你发现需要执行 将灯...

suyain
15分钟前
0
0
MongoDB分片配置

简单注解: mongos 路由进程, 应用程序接入mongos再查询到具体分片,监听端口默认27017 config server 路由表服务, 每一台都具有全部chunk的路由信息 shard为数据存储分片, 每一片都可以是...

LUIS1983
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部