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

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


保持设计的一致性

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


为重度使用者提供快捷键

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


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

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

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


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

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


提供简单的错误处理机制

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


允许用户撤销操作

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

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

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


让用户掌握控制权

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


减轻用户的短期记忆负担

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

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

最后,做一下总结

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,718评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,683评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,207评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,755评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,862评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,050评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,136评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,882评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,330评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,651评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,789评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,477评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,135评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,864评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,099评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,598评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,697评论 2 351

推荐阅读更多精彩内容