读书笔记_浅析移动端设计9种状态
产品好不好用,可以通过这几个角度来评判:
1.有效性:通过产品能完成我的某个需求
例如:用户想去京东买部手机,有效性就是指用户能够买到自己想买的手机,而如果这个京东手机店铺没有用户想要的手机,那这个店铺对于用户来说就没有存在价值了。
2.效率:能够快速有效的解决用户需求
用户如何能够快速方便的买到想要的手机,如果支付的流程繁琐,步骤多,这样就大大降低了用户购买手机的效率,导致用户体验下降,而下一次用户则不会选择这个效率低下的产品。
3.满意度:体验流畅度的需求
即使满足了前两个方面,但是如果其他方面招致用户的抱怨,也将导致用户流失,比如数据加载慢,数据显示错误,以及操作步骤多等等。
用户在使用移动设备过程时,通常会遇到9种状态,通过使用场景分类,把每种对应的状态和注意事项列了出来,以供设计时核对,进行查漏补缺。
基本 9 状态一.等待状态
等待状态 ≈ 闪屏
1.闪屏只是国内的做法,主要是宣传品牌、节庆;宣传产品情怀、功能等
2.一般来说,闪屏时间应该控制在100-300毫秒内,主要是技术来解决
二.初始状态
初始状态 = 进入主程序看到的内容
1.初始状态服务两种人:
有目标用户:一种被推荐而来的,知道产品的功能
无目标用户:另一种是在应用商店随便找到的,不知道产品功能
2.在策略上有一点点不同:
对于有目标用户,直接告诉核心的功能即可
对于无目标用户,先让他明确知道自己所在,然后告诉他核心功能
3.如何做:
1.首次使用产品:UI > 内容
2.做好推荐:尽可能知悉用户喜好,订制其感兴趣内容
3.流畅的核心体验流程:界面、功能与交互的结合
三.搜索状态
对于单纯搜索来说,有4种场景
1.有目的搜索:对平台要求品类全,耗时
2.无目的搜索:对平台要求品类精,精确
3.全量搜索:对平台要求关联强,耗时
4.重复搜索:要保留历史记录
四.空状态
分为三种空状态:初始状态,主动触发,被动接受
1.初始状态:初次使用产品。可通过引导页方式,主动触发获得信息,为了填满屏幕
2.主动触发:一般都是清空操作,在触发后给予正向的反馈。可多做几种清空样式,增加趣味性
3.被动接受:1.搜索无内容 2.网络出错 3.无数据状态
五.浏览状态
a.移动端浏览条件:1.随时浏览 2.设备多样但屏幕尺寸限制
所以随时都是暂时状态
b.浏览状态的设计思路:
浏览状态设计思路1.了解需求:a.业务诉求 b.用户诉求 (挖掘需求,如何能有说服力的转化成视觉需求)
2.交互框架设计:
step1. 先构建功能框架 ,要有什么功能列出来
step2. 再确定内容框架 ,分出内容展示主次
step3. 确定核心功能,即用户的几个关键兴趣点
3.设计初选:
step1. 确定大致样式:列表(上下图文、左右图文)、网格、轮播、卡片、泳道(瀑布流)
step2. 确定细节层次:静止和动画;颜色的冷暖,明暗;形状的大小方圆
4.确定选型:
a.以是否提高了浏览效率及转化率为评定标准
b.是否通过1-2步,快速清晰的露出核心功能
5.确定设计
6.验证
六.确认状态
a.确认是一系列操作后的一个收尾,有2种确认状态:
1.告知结果
a.成功:是分享?是奖励? 核心目标是让用户有成就感和传播力
b.失败:导致失败的原因,如何解决
2.再次确定内容【如购物车的确认订单界面】
b.要注意:
1.尽可能做好整个流程,保留确认状态能快速转化
2.有退出机制
七.错误状态
a.不同用户对错误状态的反应
1.刚性需求用户:遇到错误 — 忍!
2.吃瓜群众用户:遇到错误 — 走!
b.错误状态包括:密码错误、数据无法刷新、网络中断
c.错误状态缓解策略:
1.增加错误反馈形式,使其多样化:
1.1.图像反馈:情感化插画,顶部警告栏,弹窗,toast等等 有动画加入也可
1.2.其他感官反馈:如iOS解锁错误抖一抖,还有声音报警等
2.文字解释错误发生原因,缓解用户情绪:
2.1.解释错误原因尽量准确、通俗易懂;
2.2.提供解决方案,尽可能让用户自行解决问题。
八.结束状态
好的结束状态是什么?
1.场景一:客官,欢迎下次再来跟姐妹们聊天~
2.场景二:让结束变成下一个新的开始。拉长结尾,多点提醒,增加记忆瞬间
a.结束状态展示形式:
闪屏、卡片、通知栏、扫一扫、信息样式不一
b.案例
格瓦拉电影是一个想要陪伴你从电影挑选、在线购票、观影路上交通、影院附近娱乐、影院取票、影院观影以及电影点评“一条龙”的应用。你会发现它重在体验,想要成为用户的一个朋友,而不是一个单纯的工具。据说在观看某些影片结束的时候还会温馨地提醒你片尾有彩蛋!直击影迷的痛点。时间提醒上,分为几次提醒,都是关键的几个时间点。
九.中断状态
遇到了就是大问题哟,技术去解决吧~