异常状态:踩坑体验报告
Devils behind millions of details
遭遇场景
你也许遇到过,或即将遇到:产品设计中的异常流程、状态总是考虑不全,需求评审的时候总被开发怼。尤其是在从0到1设计一个新产品,或者新模块的时候,尤其需要考虑清楚这些经常不被重视但是又很重要的细节,在很多文档里,异常流程的描述往往比正常流程还要多。这些在向开发同学讲解输出的时候需要准备好的东西如果没有一个完善的准备和无懈可击的逻辑,很有可能在评审现场被问到手足无措,当场尬聊。这还不是最重要的,关键是拖慢了项目进度、被开发一通打击、你还要不断的被动去改原型,理逻辑,从此陷入一个恶性循环。
你应该知道的各种异常and状态
1.用户状态
登录状态/游客状态下的操作和限制,引导和反馈
会员/非会员状态下的操作和限制,引导和反馈
地理位置、个人喜好等
2.网络状况
无网
弱网
加载中
加载失败
WIFI/流量切换
3.元素规则
输入框
按钮
4.页面逻辑
前进(什么状态下去哪里)
后退(一个业务结束,回到哪里)
5.中断操作
终止
中止
6.刷新
触发动作(操作中、操作完成反馈/提示)
失败反馈
7.空状态/404/引导
页面无内容(引导)
页面错误/删除(反馈)
用户操作引导
8.缺省状态
阈值上限反馈
正常范围
无内容反馈/无操作引导
9.权限获取
获取失败异常反馈
---------------------------------------------------------------------------------------------------------------------------------
APP提示和反馈、引导状态
1. Toast
Toast的存在是为了向用户反馈操作的结果,成功,失败,也可以用于提示。例如“双击返回键退出应用”
Toast在屏幕中的位置可以自由设定,其具有不可互动性,并且存在时间不能过长,否则会打断用户的正常使用浏览操作。
Toast的位置位于屏幕最顶层,在toast出现期间的几秒内,许多应用都设定为不可操作状态,目的是为了使用户能够将关注点转移到toast上。当然一些比较轻量级的提示可以选择不做这个设定,因为这样的做法也会将用户的使用做一个打断。
Toast的出现时间最少要在1S+,因为如果出现的时间太短,用户可能没办法快速转移视线去关注它,导致用户会疑惑是否错过了什么重要的信息。
通常情况下,toast的存在是为了给用户做出轻量级的操作反馈和提示,所以toast不应该承载过多的信息。
Toast的几种常见的表现形式
2. Dialog
Dialog的具体表现形式分为好几种:
底部多选会话
单项确认会话
通常是向用户说明当前的某些状态,点击确定无其他动作,属于一种时效性很强的提示。
Selectdialog 比alert低一个级别的选择会话
列表选择会话 listdialog
强调选择属性,选项无强弱区分。
Dialog的使用场景和表现形式还是非常多的,比较常见的就是APP的分享操作,底部弹出的选项栏就是属于bottomdialog,还有上述提到的,在某个操作之后,在屏幕中央弹出,并且以高亮展示,提示用户必须执行选择操作(当然你可以选择拒绝),这里的选择操作没有利害关系,单纯的只是不同的选择而已,完全不同于alert对话。
Alert dialog
在用户进行某项操作后,APP执行这个操作之前,如果功能设定为这个操作会带来严重的甚至不可逆的后果的话,例如删除数据,金钱操作相关等都需要弹出一个alert让用户进行确认操作。
Alert通常都是有两个选项给用户选择的,一个是确定继续执行该操作,一个是取消执行。
文案信息:一定要清晰明了的向用户传达当前操作的结果和严重性;例如“该照片删除后不可恢复”。
另:IOS和安卓系统的alert选项位置也是不太一样的。
常见的alert
snackbar
Snackbar的表现形式乍一看有点像顶部推出的toast,但是其实snackbar并没有从底部向上推动页面,而且snackbar是可互动的,当有互动按钮时你可以点击按钮进行互动,若没有的话可以点击非snackbar区域提前关闭它。
Snackbar的互动按钮除了“知道了”,也可以是“撤销”,用来帮助用户恢复一些轻量级的删除操作,例如删除回复信息。
另:snackbar仅限安卓平台。
5.Action dialog
临时选项框
该提示框一般用于让用户选择操作,而不是给与反馈或消息提示。和bottomdialog还是有很大的区别的,bottomdialog的选项有一项会是红色选项,也就是严重后果选项。而actiondialog的选项是单纯的选择,类似投票或者翻牌子,你们懂得。
举个栗子:
listDialog+actiondialog的结合使用。
还有一些更详细的actionbar、titlebar,toolbar,类似但是有一些区别。ActionBar 是安卓3.3版本后推出的,上面可以放入按钮,或下拉式的按钮.可以有文字,logo等信息.还可以设置返回按钮等信息.TitleBar 只有个app图片和文字。Toolbar是安卓5.0之后出现用来取代actionbar的,其可以在标题添加各种控件,拓展性更高。.
actionbar
titlebar
Toolbar
视频:https://v.qq.com/x/page/x06322c0jfn.html