兰亭妙微UI设计都在用的十大交互设计原则

不少 UI 从业者会疑惑,UI 设计师是否需要掌握交互设计能力。答案是肯定的,只做视觉美化,不懂交互逻辑的 UI 并不完整。UI 设计不只是把需求转化为界面视觉,更要兼顾完整的用户体验,也就是用户和产品之间的整套交互行为。

交互领域沉淀了大量成熟理论:格式塔心理学、尼尔森可用性原则、菲茨定律、7±2 法则等,这些理论底层逻辑相通。其中尼尔森十大可用性原则,被众多大厂广泛用于产品体验评估,是交互设计工作里最实用的一套方法论。

image.png

1、状态可见(预见性原则) 用户往往无法感知系统内部状态,及时有效的反馈必不可少,既告知用户当前情况,也规避误操作。加载动画、进度条、刷新提示、支付与下载状态提示都属于这类设计。例如今日头条,已浏览过的文章标题置灰,未读内容保持黑色,让用户一眼分辨阅读状态。

2、环境贴切(场景化原则) 也就是贴合真实世界认知,用用户熟悉的视觉隐喻传递信息,降低学习成本。音乐 APP 里唱片旋转播放效果,就是模拟现实物件,用户不需要额外学习,就能快速理解播放状态。

image.png

3、用户可控(可控性原则) 要给用户 “反悔” 的机会,发生误操作时,提供撤销、取消、回退等出口。就像电商平台的 7 天无理由、退货免运费服务,打消用户下单顾虑,即便买错商品也可以补救,以此推动用户决策。

4、一致性原则 视觉、交互双维度统一。色彩、字体、组件样式保持视觉统一;页面跳转、返回动画、操作反馈维持交互统一。例如 QQ,点击列表条目页面从右向左滑入,点击返回从左向右退出,整套交互逻辑统一,强化用户操作预期。

5、防错原则 优秀的设计不只是出错之后补救,更要提前规避错误。比如朋友圈编辑内容,点击返回会弹出确认弹窗,提供保留 / 放弃两个选项,避免辛苦编辑的内容误删,用增加操作门槛的方式规避不可逆损失。

image.png

6、减轻记忆负担(协助记忆原则) 把选项、按钮、关键信息可视化,不要强迫用户记忆上一页面信息。APP 更新后的新功能引导,直观标注功能位置与用途,就是典型的协助记忆设计。

7、灵活高效原则 产品需要兼顾新手用户与深度老用户。新用户追求清晰易懂,老用户追求操作效率。针对高频重复行为增设快捷入口,例如叮咚买菜的 “再次购买” 功能,熟手可以一键复购,大幅缩短操作路径。

8、轻量化简约原则 合理留白,突出页面核心功能,搭配精致克制的图形元素,提升视觉舒适度。不少 K12 产品使用 IP 形象,既强化品牌识别,也增加界面互动趣味。

9、容错原则 当用户已经发生错误时,给出易懂的问题说明,同时提供可行的修复方案,不用晦涩代码提示用户,把错误带来的损失降到最低。

10、人性化帮助原则 最好的帮助是产品本身一看就会,但复杂业务场景依旧需要帮助入口。帮助提示、帮助文档应当易于检索,贴合用户实际任务,给出清晰操作指引。

image.png

这些原则看上去都是浅显的道理,但实际项目中,却常常被忽略。好的体验藏在细节之中,把这些基础原则落实到每一处界面,才能打造真正好用的产品。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档