一、系统状态可见原则 Visibility of system status
系统的可见状态可分三个部分:
1.用户知道当前所在的位置:系统导航栏、toast、加载进度等;
2.用户知道当前可操作部分和该如何往下一步:控件如按钮可被操作的视觉提示;
3.根据用户的操作后,系统及时向用户反馈效果:如下拉刷新、提交成功等;
状态可见:切换下方的功能,相应的图标就会变色。
内容可见:可以看见导航栏,页面内容会刷新。
变化可见:当下拉时,会出现一个刷新的小动画。
二.环境贴切原则 Match between system and the real world
系统所用的图标、语言等元素的表达需要:
1.符合真实世界的惯例
2.符合用户的心理预期、语言使用习惯和思考逻辑等
3.还可以符合用户的身份特性:年龄、职业,所处环境等
简单来说就是要让用户方便清楚知道一切信息。
打开“扫一扫”,右上角有图片标识,可以访问相册,同时点击扫一扫屏幕会出现调节按钮,可以调节距离的远近,避免了因二维码过小导致扫描失败的情况。
三、用户可控原则 User control and freedom
1.用户控制操作的自由性
2.当操作错误时,用户有权利撤销和重做
对于购物车里的物品,用户可以自由进行增加、减少、删除、添加操作。
四、系统一致性原则 Consistency and standards
在系统中的语境、视觉语言、反馈等都需要有统一的规则,避免因为混乱让用户感到迷惑和不习惯。
“活动中心”和“购物车”排版相似,都是采用扁平化框架,简洁美观。
五、防错原则 Error Prevention
尽量在用户操作错误前,能防止错误的发生。可通过:
1.不可点击、不可操作的内容,通过图标样式提示,颜色置灰等形式
2.通过文字提示、Tips提示等提前告知用户需要注意的地方
3.当错误操作容易造成较大影响时,需要二次确认,防止用户误操作
用户在登录页面时,若没有输入完整手机号和未输入密码,则登录按钮呈现的是不可点击状态,只有输入完整11位手机号并且密码栏也输入内容了,登录按钮才是可操作状态。
六、易取原则——识别比记忆好 Recognition rather than recall
1.系统的信息、组件控件、选项可视化,可降低用户的记忆负荷
·选项、动作可视化:显示已选内容
·为用户保留查看、搜索记录
·用户编辑较复杂表单时,可随时查看已编辑内容,预览效果,防止用户忘记已填写内容
·当切换下一页面时,可显示上一页面的关键信息,让用户清楚知道当前状态或相关性
2.系统的帮助文档可见易取,方便用户随时查看
针对于“足迹”模块,可以看到历史浏览记录。
七、灵活高效原则 Flexibility and efficiency of use
1.中级用户的数量远高于初级和高级用户,为大部分用户设计
2.根据用户当前所在场景或要完成的任务,设计合适的流程和操作交互,帮助用户快速达到目的
3.用户可定制自己需要的内容或功能
当手机保存了图片后,想要搜索该图片的信息,页面会自动跳出来该图片,非常智能与人性化。
八、优美简约原则(易扫原则)Aesthetic and minimalist design
用户习惯于“扫”而不是阅读信息,为了让用户快速获取有用信息:
1.去除不相关的信息
2.增强信息层级显示:突出重要信息,弱化次级信息
框架鲜明,用户一目了然可以找到自己选择的区域。
九、容错原则 Help user recognize,diagnose and recoverfrom errors
帮助用户识别、诊断错误,并能从错误中恢复:
1.用户已删除的内容,提供机会可恢复至原样
2.不仅是提供报错信息,还可以提供相应的解决办法
3.帮助用户将损失降至最低
用户已删除的东西,如果想要找回,可以通过“足迹”找到之前的浏览记录,再添加至购物车。
十、人性化帮助原则 Help and docementation
适当提供帮助文档,帮助用户在需要的时候获得帮助
1.根据用户当前的任务或所处操作流程,适当提供帮助文档
2.系统常规帮助文档,用户可随时查阅
搜索栏的“猜你想找”给用户提供了灵感。
“消息盒子”中的“天猫活动”、“物流助手”、“消息通知”可以让用户们第一时间知道动态。
网友评论