尼尔森十大交互原则的设计应用

用户头像
深圳/交互设计师/6年前/265浏览
尼尔森十大交互原则的设计应用

慢慢最近有自己的思考和总结,觉得可以尝试把脑海的知识变成文字记录下来

也算是对自己的知识复盘,当是分享和学习


13 尼尔森十大交互原则 — (1)状态可见原则带来的设计 


状态反馈:帮助用户理解目标对象所处的状态

看下面案例,不管是正在视频还是正在播放的音乐,都需要样式外观的改变,让用户理解看到这个是与其它不同的状态,结合用户自己正在做的事的,就能联想到这个视频是正在看的视频,这首歌是正在听的歌。



进度反馈:显示事情发展的进度,降低用户等待的焦虑感

我们生活和工作息息相关进度反馈这个词,它能降低用户等待的焦虑感,例如春节回家爸爸妈妈在家担心仔仔回到哪了?老师布置的周末作业写到哪了?电视剧更新到几集了?这些都是进度反馈。

回到我们产品中,产品就像一个会说话会思考的孩子,下载电影总是想知道还有多久下载完、网购买的东西到底发货没,货到哪个省了,看你喜欢的电视剧总是不想看到的进度条慢慢结束等等。



位置反馈:帮助用户定位当前位置,避免迷失,造成焦虑

老板总是跟你说,你要明白自己的定位,知道自己在公司所在什么样的位置,再去做什么样的事情。

确实,我们总需要知道自己的定位和位置,才不会迷失自己。(话题外的鸡汤)

回到我们产品中,只要有一定体量的产品页面层级都很多,如果位置反馈不好,用户很容易迷失和焦虑,不知自己所在哪个页面。

案例中1中,右边“家用电器”选中的状态告知用户所在的分布;案例2中,顶部标签栏和订单状态告知用户位置在我的订单页面。





14 尼尔森十大交互原则 — (2)环境贴切原则带来的设计 


使用目标用户的语言:使用用户熟悉的语言,单词、短语、图形,而不是系统导向的术语。

两个产品分别是知乎和即刻。

两个产品在写图文的时候,都有引导暗提示分享你此刻的想法,它会让你联想到发布此刻的心情状态,按着自己想说什么就写什么。



现实习惯:模仿现实世界物体的物理性质,能够帮助人们降低认知成本,使他们更好的理解界面。

案例中手电筒、日历、时钟、指南针跟我们现实生活实物很相似。




15 尼尔森十大交互原则 — (3)用户可控原则带来的设计 


可以撤销:为了避免用户的误用和误击,网页应提供撤销和重做的功能。

俗话说每个人不可能十全十美,皇帝都有犯错的时候。

在用户在使用我们产品时,有可能是有意犯错或无意犯错,可能会造成误操作,容易迷茫,但是我们允许用户错误也适当允许纠正。

案例中,无意触碰删除订单按钮导致无法回复,如果这时候没有防错原则用户体验就非常差。所以删除订单有个再次确定弹框,手机相册删除照片后还可以去最近删除选择恢复。



自由导航

微信小程序或者支付宝小程序都有一个右上角的按钮,不管去到哪个页面这个按钮一直都在,这个也是小程序初衷用完随时都可以离开。

在其他app也一样,虽然没有一键回到首页,但是也是遵从哪里到哪去,引导用户来到这个页面,也要允许用户离开这个页面。



危险警告

当用户做出一些不可撤回的操作时,需要给予危险警告,预防用户谨慎操作。

我们上班使用的打卡软件还没到下班时间,用户想早退打开下班就提示用户谨慎操作预防打卡扣工资。废纸篓、垃圾箱清空时也提示用户删除后不可撤销。



先写到这里,下期继续关于尼尔森定律在设计上的应用

继续撸图


1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI应用平面图标
新能源APP应用UIKit
手表表盘UI系列
拟物风质感写实UI卡片合集源文件
盲盒APP UI设计
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
【新年UI图标】游戏/娱乐icon
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
高级感金属拟物 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
户外旅行飞机情侣假日出行
UI界面 组件
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
科技医疗透明柜UI界面设计
【新年UI图标】珠宝icon
高级表盘系列UI源文件
【新年UI图标】影音icon
【新年UI图标】30个图标
UI通用设计素材1
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册