Adobe是北美一家大型计算机软件公司,该公司旗下的每一款软件的设计细节都能反映出尼尔森和莫利奇的十个用户界面指南,下面以Adobe Photoshop为例,看它是如何完美地结合尼尔森和莫里奇的十个用户界面指南的,希望大家也能够从其中得到一些自己设计工作上的灵感。
1. 系统状态可见性
Photoshop 在这一点上做得非常好,它通过可视化的显示提示用户当前的操作将会发生什么。例如,当用户在 “图层”面板中移动图层时,鼠标指针会变成一个抓住图层的“小手”形状, Adobe选择使用“小手”也是系统与 现实世界相匹配的一个很好的例子,由此可以直观地看到在空间中物理拖动的图层。
2. 系统与现实世界匹配
Photoshop在语言使用和呈现方式上都模仿了真实世界,目标用户都会明白,它的信息结构和用语都是摄影和印刷行业中常用的。例如常见词语RGB、色相、饱和度、亮度、 CMYK等,其中CMYK代表印刷业中使用的青色、品红、黄色和油墨黑色。钢笔、吸管、放大镜等工具也与真实世界中的物体及其功能相匹配。
3. 用户控制和行动自由
在用户操作过程中的每一步,Photoshop 都给了用户操作的自由。比如,当用户对一个图层做改动的时候,如果做错了可以快捷地返回上一步。
如果你已经执行了很多步操作,想回到或修改之前的某一步,则可以通过“历史记 录”实现。
4. 一致性和标准化
Photoshop 的菜单在格局、外观和感觉上保持着同一个标准,沿用了大家熟知的词汇,比如“新建”“打开”“存储为”等。
5. 预防错误
为了预防用户在操作过程中出现错误,当用户的光标悬停在工具上时,Photoshop会提供标签提示,对工具进行简要描述,帮助用户挑选正确的工具来完成他们当前的任务。
6. 识别而不是回忆
无论是滤镜菜单还是在打开新的图片文件时,Photoshop 都为用户提供了效果预览或图片预览,来帮助用户做出正确的选择。这让用户可以在视觉上识别出他 们在寻找的东西,而不是去回忆某个功能或文件的名称。用户可通过图层中的缩略图识别想要操作的内容,并且可根据个人喜好调整缩略图的大小。
7. 灵活性和效率
Photoshop 用户大爱这个软件的原因之一是它的灵活性和高效率。不同工作领域的用户可以利用它的灵活性来组织和添加不同功能组件到工作区,并且可以保 存自己的工作区,以后操作时可以有效提高效率,比如摄影师常用的功能与 UI 设 计师肯定有所不同,两种职业可根据需求自定义软件的操作界面布局。
8. 美学和极简主义设计
Photoshop左侧的工具栏只显示了图标,并被放在了窗口的左侧。这有效地化繁为简,保持了极简主义美学。
9. 帮助用户识别、诊断和修复错误
当用户在使用中发生错误时,Photoshop 会弹出对话框,告诉用户哪里出错了,怎样修复错误。
10. 帮助和资料
用户可以在主菜单中轻松获得帮助 和资料文件,可以找到不同的帮助主题和如何使用软件的完整教程。
作为一名设计师,应该具备有理有据地批判自己和他人设计的能力。应用尼尔森和莫利奇的评估界面设计的十条法则,可以帮助你识别潜在的问题,并指导你和你的团队去创造出更好的用户体验。
最后,给大家提供一个工作表,可以打开自己经常使用的一个程序或者网站,看看着十条法则是否都运用上了,通过这样的练习来提升自己对用户体验的敏感性。
以上内容均来自UX先生的《用户体验设计师进阶之路》。关于这本书的分享就到这里咯,因为是新书,不能过量曝光,感兴趣的朋友们可以自行购买~