前言
对于设计而言,我们前期需要掌握一定的设计基础,了解一些前辈总结的设计原则,站在巨人的肩膀上继续前行才能为我们的成长节省时间,并且有利于我们做出更合理的设计。
设计中有很多原则可供我们学习并运用到实际设计工作中,例如我们常说的对齐、对比、亲密性、重复性原则等等。这些简单的设计原则已经被我们当做了设计中的口头禅。也相信大家对这些原则都不陌生,但是这一期我想要总结的是对于产品设计而言非常重要且实用的尼尔森十大原则。
尼尔森十大原则由毕业于哥本哈根的人机交互学博士Jakob Nielsen发表,Jakob Nielsen对人机交互有很多研究,他提出的尼尔森十大原则主要是用来评价用户体验的好坏。这一原则被广泛运用于产品设计中,设计师在做产品UI、UX时将这十大原则考虑到产品设计中,让产品的用户体验更友好。下面我们一起来看看这十大原则具体包含哪些:
(一)系统可见性原则(Visibility of system status)
系统应该保持界面的状态可见,变化可见,内容可见。当用户在系统中进行操作后需要让用户知道发生了什么,并且在合理的时间内做出正确且适当的反馈。
用户在系统中进行任何操作时,系统都需要及时的给出相应的反应,无论是重要级别的功能操作还是简单的交互响应,都需要及时的告诉用户在当前行为下系统的变化,让用户更顺心的使用。
案例列举:
简单的交互响应:当用户将鼠标移动到可点击的图标按钮上时,通过对图标做高亮效果,区分图标默认状态及hover状态,让用户更能清晰的知道自己鼠标当前的位置,以及知道该图标是可点击的。
当图标是不可点击时,图标默认置灰,大部分用户基本已经熟悉了置灰的图标是不可点击和操作的,但是为什么不可操作呢?有的系统直接将图标置灰却不给出相应的提示,让用户对该功能产生质疑。为了用户更好地理解产品功能,消除用户的疑虑,在这种情况下系统也需要给出对应的反馈。
例如:当系统中某个功能该用户没有权限时,图标置灰,当用户鼠标移动到图标上时,出现不可点击的?提示,并且需要给出悬浮的文字提示,提示不能使用的具体原因如“您没有权限X X,请向管理员申请XX”,有了这个提示后,用户在使用时才明白为什么不能使用,如果想要使用应该怎么办。即说明了不能使用的原因,也告诉了用户对应的解决办法,这样才能让系统的用户体验更友好。
(2)贴近场景原则(Match between system and the real world)
用用户的语言,用词,短语和用户熟悉的概念,而不是系统术语。功能操作符合用户的使用场景。
简单地说就是用用户熟悉的且符合场景的来传达含义。这样用户在使用系统时才能更加自然顺畅,达到降低系统学习成本的同时增强用户的好感度。
案例列举:
在系统中会应用很多的图标,图标一般代表一个功能入口,而设计师在设计功能入口图标时就需要考虑图标的识别性,要明白该功能的真实业务场景,并且选择用户熟悉的标识来代表该功能的入口。这样用户在看到该图标时就能立即明白图标的作用,不用过多的思考。
例如系统中常用的删除图标采用垃圾桶?样式、编辑图标采用一支笔✏️的样式、消息图标采用铃铛或者信息✉️的样式等等。在系统设计中采用用户在生活中熟悉的东西来代表功能图标,用户就能毫不费力的明白功能的作用。系统也不需要为功能图标做过多的解释说明,系统最好的设计就是能让用户一眼看到就能明白,无需解释。
由于B端系统业务的复杂性,也无法做到所有的场景都去掉解释说明,但是最好在做设计时能尽可能的延用生活中用户所熟知的(这里不仅仅指图标设计,包含其它布局、交互、配色等),保持用户习惯同时降低用户学习成本。
(3)可控性原则(User control and freedom)
用户在使用系统时,会出现误点或者操作错误的情况,系统需要满足用户在这种情况下能够及时的恢复到错误发生之前的状态。
特别是对于B端系统,由于业务的复杂性及重要性,用户的每一个操作都有可能影响整个流程是否能够完整地进行,撤销恢复到初始状态的功能极为重要。
案例列举:
在系统中用户删除数据后,再按键盘ctr+z,数据就会恢复到初始状态,在很多的工具软件中,都带有撤销恢复的按钮,快捷键只是方便用户使用。另外一些特殊场景的数据无法满足在当前页面撤销恢复,也会有一个回收站收集删除的数据,用户可以在回收站页面再次撤销恢复,也能满足用户误点和错误操作后能够挽回损失。
(4)一致性和标准化原则(Consistency and standards)
系统设计需要遵循平台的惯例。现在用户已经使用过市面上大部分软件,市面上的产品设计已经存在一些约定俗成的规范。用户已经习惯了市面上的设计,所以在非必要的情况下需要保持布局、用语、功能、操作、配色等形成一致。
案例列举:
B端系统整体页面布局导航栏在左侧(居多)或者顶部,用户已经习惯了这样的布局方式,右侧为内容展示区,我们在做设计时无需再寻求标新立异的设计,因为在不符合用户习惯的场景下做的设计也许用户并不会为此买账。
另外列举一个配色上的一致性原则,当系统提示成功、警告、错误信息时,设计在选择配色时,需要选择符合用户熟知的配色,成功使用绿色、警告使用橙色/黄色,错误使用红色。(可看antdesign的组件规范)
(5)防错原则(Error prevention)
更用心的设计防止这类问题发生,在用户可能犯错时进行提醒。
前面有提到回退原则,这里的放错原则与回退原则不同,防错原则是在用户进行操作时就及时给出提示,让用户二次决定是否需要进行此操作,这样用户出现误点的可能性会更小。上面提到的一些特殊业务场景下,用户操作后是不可撤销恢复的,例如删除数据,但是没有做回收站,操作不可逆,就更需要在用户进行操作时给出相应的提示。
由于十大原则全部总结内容比较多,所以分为两期总结,这一期就到此为止啦,下期更新尼尔森十大交互原则之后五则。
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:设计小余!
暂无评论
违反法律法规
侵犯个人权益
有害网站环境