当前位置: 首页 >文章 > 尼尔森十大交互原则(上)
收藏
分享

尼尔森十大交互原则(上)

举报设计小余设计小余发布于 2022-04-25761阅读4点赞
设计中有很多原则可供我们学习并运用到实际设计工作中,例如我们常说的对齐、对比、亲密性、重复性原则等等...


前言



对于设计而言,我们前期需要掌握一定的设计基础,了解一些前辈总结的设计原则,站在巨人的肩膀上继续前行才能为我们的成长节省时间,并且有利于我们做出更合理的设计。

设计中有很多原则可供我们学习并运用到实际设计工作中,例如我们常说的对齐、对比、亲密性、重复性原则等等。这些简单的设计原则已经被我们当做了设计中的口头禅。也相信大家对这些原则都不陌生,但是这一期我想要总结的是对于产品设计而言非常重要且实用的尼尔森十大原则。

尼尔森十大原则由毕业于哥本哈根的人机交互学博士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)

更用心的设计防止这类问题发生,在用户可能犯错时进行提醒。

前面有提到回退原则,这里的放错原则与回退原则不同,防错原则是在用户进行操作时就及时给出提示,让用户二次决定是否需要进行此操作,这样用户出现误点的可能性会更小。上面提到的一些特殊业务场景下,用户操作后是不可撤销恢复的,例如删除数据,但是没有做回收站,操作不可逆,就更需要在用户进行操作时给出相应的提示。

由于十大原则全部总结内容比较多,所以分为两期总结,这一期就到此为止啦,下期更新尼尔森十大交互原则之后五则。

本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:设计小余!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天55人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证