交互|详解交互设计十大原则

用户头像
北京/UI设计师/3年前/1507浏览
交互|详解交互设计十大原则
用户头像
Nanngua

十大交互设计原则-尼尔森十大可用性原则

交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析,关注以人为本的用户需求。

交互设计有许多的方法和理论,如格式塔心理学原理、尼尔森可用性原则、7±2法则、3次点击法则、功能可见性原则、菲茨定律等。

详解尼尔森十大可用性原则

一、预见性原则

系统应当在适当的时间内快速让用户知道当前所处的状态,即无论单击、双击还是滚动都会给用户一个反馈,让用户对过去发生、当前目标、以及对未来去向有所了解,防止用户出现错误操作。

常见的反馈有刷新提示、加载提示、支付提示、下载提示、进度提示等(具体见#产品中的反馈机制#文章)

示例:进度条、已读文章标题变灰

二、场景化原则

软件的使用更符合现实的场景,通过直观的视觉来贴近真实的世界,比如使用易懂和约定俗成的表达。

示例:图标ICON等图形化手法代替纯语言文字(音乐播放转盘)

三、可控性原则

产品需要支持用户“反悔”,即在用户出现误操作时,需要给用户提供“紧急出口”,做出“撤销”“返回”“取消”“重做”等功能。

示例:微信聊天的撤回及重新编辑功能;备忘录的恢复删除功能

四、一致性原则

产品的信息架构、交互方式、视觉表现等应该具有一致性,主要包括结构一致性、色彩一致性、文字一致性、操作一致性、反馈一致性

五、防错原则

给用户错误的提示不如在用户发生错误之前避免它,可以帮助用户排除一些容易出错的情况,或者进行二次确认。

示例:微信朋友圈编辑内容后点选返回会出现是否保留此次编辑的弹窗以及在付款页面等重要操作之前给出弹窗是否确认支付,银行卡号输入时自动以4位数字为一组便于用户输入防错

六、协助记忆原则

将用户的记忆负担最小化,尽量减少用户记忆信息,应该提供信息让用户辨认。

示例:淘宝的搜索功能,使用关键词联想要搜索的内容,避免有些商品名称记不全可以轻松搜索到;引导页的新功能提示

七、灵活高效原则

既能保证第一次使用者能清晰明白功能,又能给老用户提供更高效的使用方式,允许用户可以定制常用功能。

示例:支付宝首页可以自定义放置常用功能;饿了么订单页面支持用户再次购买上次的菜单,不需要重复选择

八、轻量简约原则

去除冗余和不相关元素,适当留白,让功能突出,不会分散用户注意力,简洁精致的图形能留下深刻的印象。

示例:知乎、简书等内容为主的产品,减少元素使用,让用户聚焦内容,提升用户体验

九、容错原则

尽量帮助用户从错误中恢复,让损失降到最低。指出错误信息,并给解决建议。

示例:word的自动保存功能;登录页密码输入错误,给出错误提示并修改建议

十、人性化帮助原则

当用户需要帮助时给予用户适当的帮助入口,帮助文档要易于查找, 专注于用户任务。

示例:微信 、淘宝等页面的帮助与反馈

26
举报
|
48
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】美妆icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】影音icon
UI通用设计素材1
高级感金属拟物 UI设计组件库
手表表盘UI系列
UI 登录界面设计模板包
Security Camera UI kit
新拟态风格 UI设计组件库
【新年UI图标】家具icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
钱包ui模板
【新年UI图标】美食icon
高级表盘系列UI源文件
柠檬黄主题UI作品集模版
【新年UI图标】珠宝icon
UI应用平面图标
【新年UI图标】银行卡icon
智能家居中心 简约 UI设计组件库
【新年UI图标】酒店icon
UI界面 组件
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册