交互界最知名的“尼尔森十大可用性原则”,或者称之为“尼尔森十大交互原则”,这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然距今已经有20多年,但是依然十分具有参考价值。
系统状态可见原则
“系统应该让用户知道发生了什么,并在适当的时间内做出适当的反馈。”
简而言之就是用户在产品上的任何操作,都应该给予实时的反馈,比如在产品中无论用户选中与否,还是传输的进度,或者是连接的状态等,都应该实时做出反馈。
![54c2efbbfa780379dc53e10639645572.png](https://i-blog.csdnimg.cn/blog_migrate/2e5e81cc6282b22417d6a9c8e123b1ad.jpeg)
匹配系统与真实世界(环境贴切)原则
“系统语言应使用用户熟悉的语言和概念,尽量避免使用系统术语,并且还要遵循真实世界的使用习惯。”
简而言之就是要使用目标用户看得懂和听得懂的图标、语言等,同时产品的使用流程应该和真实世界(线下)的流程相符。
iOS系统中的图标都是模拟的真实物体的形状,天气界面的背景也是模拟的真实自然天气,计算器和指南针也都和用户使用真实物品的感受相似。
![c5224afcf9bc8161b75e37e5450b6da4.png](https://i-blog.csdnimg.cn/blog_migrate/e62e0d17586522c15f8b56a413be4846.jpeg)
用户自由可控原则
“用户经常会在使用功能的时候发生误操作,需要明确告知用户如何从误操作中退出来,同时要支持用户进行撤销和重做”。
这个比较容易理解,目前大部分软件都有着较好的回退机制和允许用户进行撤销或重做的操作。
![e4a043122b241531bf59dd6bd1ad35a9.png](https://i-blog.csdnimg.cn/blog_migrate/0a207be7b7a93ecc1cbe272ffefb949d.jpeg)
一致性原则
“同一产品内,产品的信息架构、功能名称、视觉呈现、交互方式等应保持一致,遵循通用的平台惯例”。
一致性原则是交互设计中很基础的一个原则,这里的一致包括产品内部的一致,即让用户感受到这个产品中每个界面都是隶属于这个产品,有着相同的视觉规范、交互逻辑,相同的功能有着完全相同的命名方式和图标等;另外还包括产品外部的一致,即产品与所在系统的一致,如在iOS系统上运行的APP,应符合《iOS人机交互指南》规范。
在图中相同APP在不同的产品详情界面中,功能按钮和界面结构保持一致,APP中的设置功能开关与iOS系统本身的功能开关交互方式和视觉效果一致等。
![9b05c00843d14f149fbbfdcfdeab40f8.png](https://i-blog.csdnimg.cn/blog_migrate/120ef7e924d88f5dbff5a8660f85ebd7.jpeg)
防错原则
“比出现错误信息提示更好的是,更用心的设计防止这类问题发生。”
防错能力的高低,往往是一个交互设计师水平高低的体现。比如当用户想要删除某个产品,弹出确认对话框防止用户误删;当用户发送微博时,在输入内容前发送按钮变为灰色不可点击,防止用户发出空白信息等。
![5f8d91f7f26d1d4e32a46ca7b488b3a8.png](https://i-blog.csdnimg.cn/blog_migrate/63df6530aacb250bb516c7b965d3b576.jpeg)
易取原则
“降低用户的记忆负担,在适合的时机给用户需要获取的信息。”
很多时候,产品需要多个步骤才能完成某个流程,可能这些步骤不会在一个界面上完成,这时应尽量避免让用户记住他之前做过什么,如果有必要,可以直接显示在当前的界面上。
当用户发送朋友圈时,直接显示他选中的图片内容而非简单的选择了几张图;当用户搜索的时候显示用户历史搜索的记录;当需要支付购票费用的时候,直接显示用户订购车票的信息帮助用户确认等。
![f69ac6ad585d799f570deca2c0961d34.png](https://i-blog.csdnimg.cn/blog_migrate/86d163469a518c5e9eed27b56ad74909.jpeg)
灵活高效原则
“系统需要满足新老用户,中级用户的数量远高于初级和高级用户数量,为大多数用户设计,不要低估和轻视用户的学习能力,保持产品灵活高效。”
从产品的整个生命周期看,中级用户应该是占大多数的,产品设计需要考虑绝大部分用户的使用习惯,保持产品的高效灵活。图所示中可以看到,对于一些提醒,允许让用户选择是否再次提示,从而不会一直对用户产生困扰;也可以看到允许用户自行定义常用的应用;又或者是批量操作的功能等。
![07138ad3e7e518ce60dbd7ba64644ea4.png](https://i-blog.csdnimg.cn/blog_migrate/106c9327de3e6b3d6659277a93f46568.jpeg)
优美且简约(易扫)原则
“突出界面中的重点信息,弱化和剔除无关信息。”
互联网产品的绝大部分用户,尤其是中级及以上的互联网用户,在每天浏览信息时一般都是“扫读”,这意味着他们不会很认真地看每一个字,因此界面设计应该清晰明了的显示信息,同时尽量减少其他内容的干扰。
比如目前有越来越多的产品开始使用“大标题”设计风格,用户能很清晰地看到这个界面中的关键词;又比如微信在7.0版本中开始使用浅色调设计,尽量减少对内容的视觉干扰;又或者越来越多的产品注意文字和图片的排版和匹配,有着最高效的阅读体验等。
![7060aede930bea9bffbfbc7efa987f91.png](https://i-blog.csdnimg.cn/blog_migrate/d4e558a3d2e053478789d4c413dcad17.jpeg)
帮助用户识别、诊断并从错误中恢复(容错)原则
“帮助用户从错误中恢复,将损失降到最低,如果无法自动恢复,则提供详尽的说明文字和指导方向,而非简单的代码。”
简单来说就是可以实时反馈用户,避免用户出现错误,同时对于已经出现的错误,告知用户该如何处理。
比如当没有接入网络的计算机访问网站时,Chrome浏览器会提示用户并告知解决办法。
![6f9ce2b6e6b1a947f375d67af6576ae9.png](https://i-blog.csdnimg.cn/blog_migrate/0d5388fff199b128b71e87adf923fb37.jpeg)
提供帮助文档原则
“如果不需要提供帮助文档是最好的,但在必要情况下还是需要提供,并且内容应该便于检索。”
这就是说针对新用户最好的体验就是无需新手引导用户就能直接上手,其次是可以有一次性提示,然后是常驻性提示,最后才是帮助文档。需要注意的是,并不是说帮助文档是不好的,也并不是说帮助文档是任何产品都必需的,而是要在必要的时候提供帮助文档。
往往对于一些工具型产品都需要提供帮助文档,并且提供的帮助文档应该方便搜索。图2-122所示是Word提供的帮助文档界面,默认会有最常见的问题解答,同时还提供搜索功能允许用户直接通过关键词快速获取到帮助。
![25fa715cb7f9c7c64c552af72f451dda.png](https://i-blog.csdnimg.cn/blog_migrate/628c5b7ba9fa270645713ca2cf3ba3c0.jpeg)
以上便是对交互设计所做的一些补充,其实大家可以发现,交互设计始终围绕着效率、用户、体验、流程、同理心等角度在展开,在实际工作中,可能会面临各种各样的问题和各种完全不同的用户,要做好交互设计我一直以来的观点是从心出发,用爱打造极致的产品。深入理解行业、需求、用户,带着爱去设计,然后创造微笑价值,这样的产品自然会做出十分优秀的交互设计。
爱读微课(iread360.com) | 色技手稿