根据Jakob Nielsen和Rolf Molich的十项建议,学会在设计时牢记用户的需求和期望 用户界面 的指导方针. 这些 启发式 已经在世界上一些最成功的公司设计的许多产品中得到了反映,比如苹果, 谷歌, 和Adobe. 进一步证明了他们的设计团队如何将这些规则融入到他们的设计中 设计过程 是否反映在这些公司发布和共享的用户界面指南中. 这篇文章将教你如何在你的设计工作中遵循这十条经验法则,这样你就可以进一步提高你的设计能力 可用性,效用,和 愿望 你的设计.
Nielsen和Molich的10个用户界面设计准则
Jakob Nielsen, 著名的网络可用性顾问和尼尔森诺曼集团的合伙人, 和罗尔夫·莫里奇, 另一位杰出的可用性专家, 建立了十种用户界面的列表 设计指导方针 20世纪90年代. 请注意,尼尔森和莫里奇的启发式和本·施奈德曼的“八项黄金法则”之间有相当多的重叠。. 在Shneiderman首次发表4年后,这10条经验法则进一步迭代了Shneiderman的8条黄金法则.
系统状态的可见性. 系统操作应在合理的时间内以易于理解和高度可见的状态显示在屏幕上通知用户.
系统与现实世界的匹配. 设计师应该努力根据他们的目标用户在现实世界中发现的语言和概念. 以逻辑顺序呈现信息,并基于用户从现实经验中获得的期望,将减少认知压力,并使系统更易于使用.
用户控件 和自由. 为用户提供一个可以后退的数字空间, 包括撤销和重做以前的操作.
一致性和标准. 界面设计师应该确保图形元素和术语在相似的平台上都得到维护. 例如, 代表一个类别或概念的图标在不同的屏幕上使用时不应该代表不同的概念.
错误的预防. 只要有可能, 设计系统 所以潜在的错误被控制在最小. 用户不喜欢被叫去检测和解决问题, 这可能有时超出了他们的专业水平. 消除或标记可能导致错误的操作是实现错误预防的两种可能方法.
识别而不是回忆. 最小化 认知负荷 通过在用户浏览界面时在显示中保持与任务相关的信息. 人类的注意力是有限的,皇冠官网登录一次只能在短期记忆中保持大约五个项目. 由于短期记忆的局限性, 设计师应该确保用户能够简单地使用识别,而不是在对话的各个部分回忆信息. 识别事物总是比回忆容易,因为识别涉及到感知线索,帮助皇冠官网登录进入庞大的记忆,让相关信息浮出水面. 例如, 皇冠官网登录经常发现选择题的形式比简答题简单 测验 因为它只需要皇冠官网登录认识答案,而不是从记忆中回忆.
使用的灵活性和效率. 随着使用的增加,人们需要更少的交互,从而实现更快的速度 导航. 这可以通过使用缩写、功能键、隐藏命令和宏工具来实现. 用户应该能够定制或调整界面以满足他们的需求,以便通过更方便的方式实现频繁的操作.
审美 而且 极简设计. 尽量减少杂物. 所有不必要的信息都在争夺用户有限的注意力资源, 哪些会抑制用户对相关信息的记忆检索. 因此, 必须将显示减少到仅显示当前任务所需的组件, 同时提供清晰可见和明确的方式导航到其他内容.
帮助用户识别、诊断和恢复错误. 设计人员应该假定用户无法理解技术术语, 因此, 错误消息几乎总是应该用简单的语言表达,以确保在翻译过程中不会丢失任何内容.
帮助和文档. 理想情况下,皇冠官网登录希望用户无需求助于文档就能导航系统. 然而,这取决于 类型 对于解决方案,文档可能是必要的. 当用户需要帮助时, 确保它很容易找到, 具体到手头的任务,并以一种方式来指导他们通过必要的步骤,以解决他们所面临的问题.
谷歌(goog . o:行情)., 这家价值数十亿美元的科技公司, 当然会产生反映上述启发的设计. 谷歌搜索的首席设计师Jon Wiley曾在2012年说过:
“当我想到设计和创造出色的用户体验时, 我通常从三个方面考虑:可用性, 效用和可取性.”
Nielsen和Molich的10个用户界面指南涵盖了以下三个关键组件 用户体验 很好地, 这意味着你可以通过遵循这些指导方针来改善你的设计的用户体验!
了解Adobe如何整合尼尔森和莫里奇的十大用户界面设计准则
Adobe系统公司, 北美大型计算机软件公司, 这是一个很好的例子,说明了设计如何反映尼尔森和莫里奇的十大用户界面准则可以为公司带来成功. 他们最受欢迎的产品之一, Adobe Photoshop, 哪一个光栅图形编辑器展示了良好设计的用户界面的特点,反映了这些准则.
皇冠官网登录将仔细研究Adobe Photoshop如何反映这些指导方针,以激励您提高可用性, 实用程序, 通过将这10条经验法则融入到你自己的作品中,来提高你自己设计的可取性.
1. 系统状态的可见性
Photoshop通过尽可能直观地向用户展示他们的操作导致了什么,让用户知道程序中发生了什么,这方面做得很好. 例如, 当用户在图层面板中移动图层时, 他们可以直观地看到该层在空间中被物理拖动.
![]()
当用户在图层面板中拖动一个图层时,光标图形会从表示张开的手变成握着的手. 这样可以更容易地立即了解系统状态. 另外, Adobe选择使用“手”是第二个准则的一个很好的例子,系统与现实世界相匹配.
©Adobe系统公司,公平使用
2. 系统匹配真实世界
一个Photoshop模拟现实世界的例子,它们的目标用户可以理解, 他们设计的信息结构和术语是否反映了皇冠官网登录在摄影或印刷媒体世界中使用的相同措辞. 熟悉的概念和术语如RGB,色相/饱和度/亮度和CMYK被用来表示 color, 而各种工具,如减淡工具和加深工具模仿了传统的暗房技术的照片.
![]()
Photoshop的减淡工具和加深工具模仿了传统的暗房摄影技术
©Adobe系统公司,公平使用
![]()
Photoshop使用的术语,“曝光”,通常用于世界摄影.
©Adobe系统公司,公平使用
3. 用户控制和自由
Photoshop非常擅长为用户提供控制方式的每一步. 当用户对图像进行更改或添加各种艺术效果时, 如果他们犯了错误,他们能够迅速而容易地后退一步, 例如.
![]()
用户可以在“编辑”菜单下后退或向前一步, 或者他们也可以使用Photoshop的快捷键,如Alt+Ctrl+Z, 例如.
©Adobe系统公司,公平使用
4. 一致性和标准
当涉及到菜单栏时,Photoshop保持了标准的布局和外观. 它们还使用一些常见的术语,如“新建…”、“打开…”、“另存为…”等.
![]()
Photoshop中的文件菜单显示了各种非常熟悉的选项.
©Adobe系统公司,公平使用
5. 错误的预防
防止用户出错, 当用户将鼠标悬停在Photoshop上时,它会提供工具的简要描述或标签,以帮助确保用户使用了正确的工具来完成手头的任务.
![]()
用户将鼠标悬停在橡皮擦图标上,Photoshop会显示“橡皮擦工具”标签.
©Adobe系统公司,公平使用
6. 识别而不是回忆
无论是从艺术滤镜菜单中进行选择, 或者打开一个新的图像文件, Photoshop提供了一个示例视图,供用户做出正确的选择. 这使得用户可以直观地识别他们正在寻找的东西,而不必回忆名称或输入名称来搜索. 也许你遇到过其他的照片编辑程序,它们要求你回忆并输入你想要处理的文件的名称. 这确实很难回忆,因为它通常是:29412_09342.JPG.
![]()
用户能够通过其缩略图直观地识别日落图像并选择它.
©Adobe系统公司,公平使用
7. 使用的灵活性和效率
频繁用户喜欢Photoshop的众多原因之一是它的灵活性和效率. 用户可以通过组织和添加到他们的工作区来利用它的灵活性, 同时也能让事情变得更有效率,把它存起来供将来使用.
![]()
Photoshop让经常使用的用户能够保存他们首选的工作空间设置.
©Adobe系统公司,公平使用
8. 美学和极简设计
Photoshop中的工具栏只显示图标,并且被整齐地塞在一边,以帮助将混乱降至最低, 保持极简主义美学.
![]()
Photoshop工具栏是极简主义的,通过仅用图标表示工具来避免混乱.
©Adobe系统公司,公平使用
9. 帮助用户识别、诊断和恢复错误
每当出现错误时, Photoshop提供对话,让用户知道哪里出了问题,以及如何解决它.
![]()
在此错误消息中,表示用户误用了克隆戳记, Photoshop解释了出错的地方, 为什么以及用户应该如何从那里开始.
©Adobe系统公司,公平使用
10. 帮助和文档
帮助和文档可以通过主菜单栏轻松访问. 从那里, 您可以找到皇冠老牌网站如何充分利用该程序的各种帮助主题和教程.
![]()
该窗口显示了皇冠老牌网站如何在web图形的上下文中创建滚动的信息. 用户还可以在侧菜单上看到主题列表.
©Adobe系统公司,公平使用
提高可用性的10个步骤, 实用程序, 以及通过实施尼尔森和莫里奇的用户界面设计准则的可取性
作为一名设计师, 你应该有能力批判自己的设计以及他人的工作,并有充分的推理支持. 应用Nielsen和Molich的10条经验法则来评估界面设计将有助于你发现任何潜在的问题,并指导你和你的团队为用户创造更好的体验. 这里有一个工作表供您练习,以皇冠官网登录识别是否应用了这些规则以及何时违反了这些规则的技能. 最后,是时候通过进一步实施这10条准则来改进网站或应用程序了.
![]()
下载 在这里.
拿走
当你遵循Nielsen和Molich的10条用户界面准则时,你就会设计出可用性, 考虑到效用和可取性. 就像苹果这样成功公司的设计师一样, 谷歌, 和Adobe, 你将能够用深入研究的启发式方法来支持你的设计决策,并有信心创建既可用又漂亮的设计. 练习认识这10条经验法则, 继续进行上一节所附文件中概述的练习.
参考资料和在哪里了解更多
想要找到更多皇冠老牌网站Jakob Nielsen的“增强可用性启发式的解释力”的信息,请 看到
课程: 成功软件的UI设计模式
英雄形象:Barry Schwartz. Flickr, CC BY-NC 2.0