尼尔森十大交互设计原则在产品设计中的应用

北京/UI设计师/2年前/221浏览
尼尔森十大交互设计原则在产品设计中的应用

听别人的故事,感悟自己的人生,本文从尼尔森十大交互原则理论结合实际案例分析,希望对你有所启发,从而融入到自己的产品设计中

目录

01.状态可见原则

02.环境贴切原则

03.可控性原则

04.一致性原则

05.防错原则

06.协助记忆原则

07.灵活高效原则

08.简约设计原则

09.容错原则

10.人性化帮助原则

01.状态可见原则


原则:

保持界面的状态可见,变化可见,内容可见,让用户知道发生了什么,在适当的时间内做出适当的反馈,比如用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。

案例:

1.当用登录失败时及时告知用户,并引导重新登录

2.在阅读英语的详情页中,蓝色字体显示当前在读的句子,底部红色指示条为当前读了多少,还剩多少,用不同的形式让用户知道当前页面在做什么

02.环境贴切原则


原则:

用户的语言,用词,短语和用户熟悉的概念,而不是系统术语。功能操作符合用户的使用场景。


案例:

网易云音乐播放界面利用了现实中唱片机的样式做的设计,符合用户的认知;设计其他功能的时候也可以利用,比如图标设计、颜色设计等都可以隐喻现实中的物体

03.可控性原则


原则:

用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”。比如支持撤销和重做的功能。

案例:

有道云APP当用户输入一段文案可无限撤销,如果用户觉得撤销多了,也可点击向右的箭头恢复撤销的内容,给予用户反悔的机会,让用户来去自如

04.一致性原则


原则:

遵循平台的惯例。也就是,同一用语、功能、操作保持一致。

案例:

一致性在生活中已经非常普及,比如颜色一致、操作一致、布局一致等,这里以颜色一致性举例说明。美团从产品logo、旗下业务美团外卖的小哥服装、包装盒都是以黄色为主,以及共享单车业务、美团公仔等等,这样做的好处对于用户来说一看到黄色就会想起美团,增加品牌记忆点,对于公司来说一致性有利于企业员工对公司形成统一的认识

05.防错原则


原则:

更用心的设计防止这类问题发生,在用户可能犯错时进行提醒,比如删除可能造成的后果。

案例:

1.iOS在删除app的时候会有弹窗提示用户删除的后果,并附带其他选择引导用户

2.小红书在退出直播时也提供了弹窗防止用户点错,并给用户推荐其他的博主,防止用户流失

06.协助记忆原则


原则:

尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。

案例:

1.在产品搜索框提供用户以往的搜索历史,帮助用户记忆

2.尽可能的给出用户选项,而不是让用户去填写

07.灵活高效原则


原则:

允许用户进行频繁的操作。更加便捷灵活的代码和反馈.

案例:

1.京东APP订单页面提供“卖了换钱再次购买”两个功能,当用户想转手的时候,不需要打开另一个APP进行操作,直接点击即可;而对于想再次下单的用户直接点击购买即可,这样的步骤对于用户非常高效

2.微信把最近使用过的小程序,包括标星的小程序都集中统一放在同一个地方,方便用户查找

08.简约设计原则


原则:

不应该包含无关紧要的信息。

案例:

1.当用户登录APP时,只突出了蓝色的登录按钮,其他信息弱化

2.对于汽车产品而言修图、质感等非常重要,在蔚来爱车界面车图以正面直对观看者,且无多余杂乱的元素,达到审美与简约的平衡

09.容错原则


原则:

错误信息应该用语言表达(不要用代码),较准确地反应问题所在,并且提出一个建设性的解决方案。比如404。

案例:

1.注册时输入格式错误的手机号,会提示用户无效,并且告诉用户应该用9位数的号码,且城市也需要设置

2.iOS相册删除照片后系统会给用户放在垃圾桶内,给予用户犯错的空间

10.人性化帮助原则


原则:

有必要提供帮助和文档。任何信息应容易去搜索,专注于用户的任务,列出具体的步骤来进行。帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

案例:

1.得物app在新用户状态下出现了功能引导气泡,帮助用户理解、使用功能,降低使用门槛

2.钉钉app在底部tab常驻显示向上滑动指示器,提示用户上滑还有功能,帮助用户完成任务

结尾

谢谢观看,只求一赞~ 设计原则都是用来指导实践的,而我们设计师应该具备“遵循规范,打破规范(创新)”这样的原则去做设计.

2
阅读原文
|
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
扬州IP·扬小玉
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
茶酒包装
茶酒包装
茶酒包装
茶酒包装
精选收藏夹
作品收藏夹
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
大家都在看
Log in