尼尔森十大设计原则

用户头像
北京/设计爱好者/5年前/368浏览
尼尔森十大设计原则
用户头像
张小厮

对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。这篇是在学习过程中的想法与一些案例思考,希望与各位一起探讨。

尼尔森十大设计原则

       虽说尼尔森十大可用性原则是交互设计师的基础理论知识,但是实际上,不知道或者不完全知道的小伙伴也有很多,今天就以实例跟大家聊聊尼尔森十大原则。

       原则一:系统状态可见性

       定义:系统应该在适当的时间内做出适当的反馈,告知用户当前的系统状态;该原则强调,产品要给用户适当的反馈,当页面在加载的时候,需要告诉用户页面在加载,而不是空白的页面。

       再比如按钮的点击,以前网速比较慢,当你点击完按钮时,无法立马打开新的页面,需要等一会儿。如果没有点击反馈,那么用户很可能以为自己没有点上,然后重复点击,导致一下子会打开很多重复页面。

       再以微信举例,当你收到了微信的推送,于是,你点开微信,发现没有任何新消息。你会不会在想刚刚明明是告诉我微信有新消息的,为什么没有?是软件出了问题?是自己网络出了问题?还是手机出了问题?

       现在又收到了微信的推送,于是点开了微信,发现聊天窗口有一个记录显示“对方撤回了一条消息”。这时你就知道了,原来他刚刚给我发了一条消息然后撤回了,怪不得没有新消息。这就是为什么当对方撤回消息时,微信会给出提示。

       原则二:系统与现实世界相匹配

       定义:系统应该使用用户熟悉的词、句、语法,应该符合真实世界中的使用习惯;该原则强调,产品要使用用户语言。

       比如这些弹窗的文案,简洁明了,通俗易懂。如果我们在文案中写“点击主按钮”即可参与,那么很多用户就会不理解“主按钮”是什么意思。

       原则三:用户控制与自由

       定义:用户在使用产品时经常会误操作,因此需要一个非常明确的“紧急出口”来帮助他们脱离困境,需要支持撤销与重做;该原则强调,产品需要支持用户“反悔”。

       作为设计师,撤销、重做的重要性大家都知道,你想万一你每次只要画错一点点就要从头开始重新画,那得多崩溃。

         Gmail一次性将多个邮件标为已读时,会有“撤销”功能,防止出现误操作,将重要未读的邮件标记已读。

        原则四:一致性与标准化

        定义:产品的信息架构、交互方式、功能名词、视觉表现等应该具有一致性;该原则强调,产品需要具有一致性。

      一致性大到产品的架构,小到icon、文案,利用设计系统可以协助我们保持产品的一致性。

        原则五:预防错误

        定义:无论错误场景设计的多好看,都不如在第一时间防止用户发生错误;该原则强调,产品需要有防错机制。

例如:手机号登录时,将手机号分成344形式也可以降低错误率,便于用户检查输入的正确性。

       当出现危险操作或者不可逆操作时,会进行二次确认,防止用户出现错误。

       原则六:辨认而不是回忆

       定义:将用户的记忆负担最小化,尽可能减少让用户去记住信息,应该提供信息让用户辨认。

       通俗点解释就是在生活中当让你想起一首歌名的时候你可能不知道,但当旋律出来的时候你就知道会怎么唱,这是就是辨认与回忆的差别。

       

       淘宝搜索时,使用关键词联想,这种情况下,即便有些商品名称记得不完全,我们也能轻松搜到。

       有些歌名很长,很难记住,因此QQ音乐的关键词联想也解决了这个问题。

       原则七:灵活性与使用效率

       定义:无论是老手还是小白,都能够轻松高效的使用产品。

当产品进行大版本迭代时,会出现引导弹窗来提示用户如何操作,让用户快速上手。

        当产品第一次打开时,此时有很大可能是小白用户,一般情况下会进行新手引导来告诉用户怎么做。

        原则八:好看而简洁的设计

        定义:页面中不要出现无关的或者冗余的信息,每个多余的信息都会分散用户的注意力;该原则强调,产品要简洁明了

       页面内容合理,不能用太多无用的内容来分散用户的注意力,让用户聚焦。

       原则九:帮助用户发现、判断和修复错误

       定义:错误信息需要告知用户哪里有问题,并且告知用户如何解决问题,而不是展示代码;该原则强调,异常状态要告知用户如何解决。

         比如上面这个示例,虽然空状态做的还比较精致,但是没有告知用户该如何解决这个问题。

       左图中没有数据的情况下,提示用户可以返回首页看看,右图因为储存空间不足给用户报错,用按钮告知用户可以去管理储存空间。

      原则十:提供帮助文档

      定义:即便最好就是不需要帮助文档就能轻松使用产品,但是当用户需要帮助时,帮助文档需要易于查找,专注于用户的任务,列出使用步骤,并且信息量不能过大;该原则强调,帮助文档要清晰。

        微信在帮助里面罗列了热门问题,协助用户快速解决问题。

       QQ在帮助里面以不同的功能进行信息架构,但是基础功能是哪些功能?增值服务又是哪些?这些名词并不容易理解。

       总结

       尼尔森十大可用性原则是交互设计师必须掌握的知识,甚至有些时候面试还会提问,因此一定要聊熟于心。

       转载自@何必复杂,侵权必删


0
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】30个图标
【新年UI图标】汽车icon
新能源APP应用UIKit
【新年UI图标】钱包icon
抽象液态渐变UI背景模版
【新年UI图标】影音icon
我的钱包-UI界面设计-app
UI通用设计素材1
Security Camera UI kit
新拟态风格 UI设计组件库
【新年UI图标】秒杀icon
【新年UI图标】银行卡icon
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI 登录界面设计模板包
【新年UI图标】会员icon
UI界面 组件
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
钱包ui模板
手表表盘UI系列
盲盒APP UI设计
【新年UI图标】珠宝icon
你可能喜欢
相关收藏夹
大家都在看
登录注册