恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
关于用户界面设计你必须知道的八个法则
0.0°
2019-04-10 好文转载 经验/观点 原作者: UX先生 举报 809 1 2 0

本·施耐德曼的“用户界面设计的八大黄金法则”

想设计出卓越、高效和流畅的用户界面,本·施耐德曼的“用户界面设计的八大黄金法则”非常值得参考的。苹果、微软、谷歌等几大巨头设计的产品都反映了本·施耐德曼的法则,本次将给大家分享如何整合八大黄金法则来改进设计工作。


保持设计的一致性

当设计类似的功能和操作时,可以利用熟悉的图标、颜色、菜单的层次结构、 行为召唤按钮(Call to Action)、用户流程图等来实现一致性。规范信息表现 的方式可以减少用户的认知负担,使用户体验流畅易懂。一致性可以帮助用户快 速熟悉产品的数字化环境从而更轻松地实现其目标。


为重度使用者提供快捷键

随着使用次数的增加,用户需要更快的完成任务的方法。例如,Windows 和 Mac 为用户提供了用于复制和粘贴的键盘快捷方式,随着用户经验的积累,他 们可以更轻松快速地浏览和操作用户界面。


适时提供有意义的信息反馈

用户应该知道他们在哪里,以及在什么时候发生了什么。用户每完成一个操 作,需要系统给出反馈,然后用户才能感知并进入下一步操作。反馈有很多类型, 例如声音提示、触感反馈、语音提示,以及各种类型的组合。对于用户的每一个动作,应该在合理的时间内提供适当的、人性化的反馈。如设计电商购物流程时应该告诉用户进行到哪个步骤,要保证用户在尽量少受干扰的情况下得到最有价 值的信息并顺畅完成任务。但用户经常操作的功能应适当减少不必要的反馈,太 多不必要的反馈效果会起副作用,让用户感觉啰唆、浪费时间甚至会发怒。

最常见的视觉反馈是在操作系统中点击某个文件或应用程序图标时,就立即 变为“突出显示”,如图所示。该反馈是即时的,并且该操作概念(即心智 模式)具有自然、简洁、易于理解的特性,让用户觉得该操作本该如此。

Image title


对话(明确告知用户执行动作后的状态)

如果用户要达到目标需要执行一 连串动作时(如应用程序安装过程或网 络购物流程等),需要精心设计每个引 导过程,尤其是开始时、进行中,以及 完成时的反应。良好的引导设计能有效 提高用户的满意度,减少用户操作过程 中的困惑、压力和等待时间。如图所示为MacOS系统中安装应用程序的 用户界面,左侧显示安装过程中的每个 步骤,右侧显示安装进度。

Image title

提供简单的错误处理机制

没有用户喜欢操作时被告知“错误”,设计时应该尽量考虑如何减少用户犯错误的机会,但如果用户操作时发生不可避免的错误,不能只报错而不提供解决 方案。请确保为用户提供简单、直观的分步说明,以引导他们轻松快速地解决问题。 例如,用户在填写在线表单时忘记填写某个输入框时,可以标记这个输入框以提 醒用户。


允许用户撤销操作

设计人员应为用户提供明显的方式来让用户恢复之前的操作,无论是单次动 作、数据输入还是整个动作序列后都应允许进行返回操作,正如本·施奈德曼在 他的书中所说:

“撤销功能减轻了焦虑,因为用户知道即便操作失误,之前的操作也可以 被撤销,鼓励用户去大胆放手探索。”

在 Photoshop 和 Affinity Designer 两款设计工具的“历史记录”面板中, 用户都可以非常直观地退回到项目操作历史的某一步动作,如图所示。


Image title

让用户掌握控制权

设计时应考虑如何让用户主动去使用,而不是被动接受,要让用户感觉他们 对虚拟空间中的一系列操作了如指掌,在设计时按照他们预期的方式来获得用户 的信任。


减轻用户的短期记忆负担

人的记忆力是有限的,我们的短时记忆每次最多只能记住五个东西。因此, 界面设计应当尽可能简洁,保持适当的信息层次结构,让用户去识别信息而不是 去回忆。识别信息总是比回忆更容易,因为识别是通过感知线索让相关信息重现。 例如,我们自小学时就体会到做选择题比简答题更容易,因为选择题只需我们对 正确答案进行再次识别,而不是从我们的记忆中重新提取。

例如iOS和Android手机屏幕底部的主菜单区域中只能放置最多不超过四 个应用程序图标,这个设计不仅涉及对记忆负荷的考虑,还考虑了不同版本的一 致性问题,如图所示。

Image title

最后,做一下总结

Image title

以上内容摘自UX先生的新书《用户体验设计师进阶之路》


更新:2019-04-10

收藏

1人已收藏

  • 1

    作品

  • 0

    粉丝

  • 0

    关注

    猜你喜欢

      2019-04-10 好文转载 经验/观点 原作者: UX先生 举报 809 1 2 0

      关于用户界面设计你必须知道的八个法则

      0.0°

      你确定要举报关于用户界面设计你必须知道的八个法则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年04月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录