交互设计原则

尼尔森十大交互原则学习分享

一.状态可见原则

1.系统应当始终为用户传递当前的状态信息,适时反馈;不要让用户猜测,将信息直接显示给用户。

例一:淘宝快递实时反馈信息

将用户最关心的物流进度信息展示出来,显示出订单的状态,即满足了这一原则,从而优化了用户体验,通过快递消息的反馈,防止用户出现等待商品急躁的心情

例二:收藏信息的反馈

点击前后有不同的状态显示,有的app更会给出信息提示,以防止用户不确定是不是操作成功

总结:用户在进行刷新,点击,评论,点赞,输入等动作时,系统应该即时反馈让用户知道自己的操作是有效的,知道自己现在自己所处的状态和位置。总而言之恰当的状态提示能够消除用户焦虑

二.环境贴切原则

1.应考虑到目标用户自身因素(学历、年龄等)对其行为操作的影响,用通俗的语言代替晦涩的系统术语
2.iOS官方文档中对于动效的说明:页面元素布局要与现实物体尽量一致;动效要力求真实性和可信性,遵循物理世界的运动规律

例三:音乐播放界面

播放界面的按钮布局和现实中mp3播放按钮布局一致

总结:系统的信息要与现实环境表现一致减少用户的学习成本,永远不要认为用户能记住你设计新颖的信息

三.用户可控性原则

1.用户经常性进行“探索性操作”,而撤销的提供能够减缓他们的焦虑,进一步促使他们进一步操作。
2.iOS中对用户控制的描述:是用户——而不是应用——在控制。应用可以对一系列用户行为提供建议,或对可能造成严重后果的行为发出警告,但不应该替用户做决定。

例四:微信撤回消息

四.一致性原则

1.应用能够贯彻相同的标准,使用统一风格的元素、相同功能按钮的位置和样式保持一致、优先级相同的元素也应保持一致性 2.
(1)色彩一致性——比如:支付宝的品牌色是蓝色辅助色红色和黄色不能每设计一个界面都采用不同的配色方案
(2)大小一致性——字体的大小要有一致性,图标的大小要有一致性,间距大小要有一致性
(3)反馈一致性——轻量级反馈统一用toast反馈,重级反馈统一用模态弹框展示

五.防范错误

1.比一个优秀错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它,更是要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误

例五:触发点击事件

如饿了么登陆界面,用户未输入完整手机号时,“获取验证码 ”按钮不可点击
(以及手机号的位数限制等)

六.易取原则

1.减轻用户记忆/回忆负担,把需要记忆的内容摆上台面

例六:提醒信息

总结:
(1)简化应用层级结构
(2)遵循“二八法则”突出重点,减少干扰元素
(3)提供视觉辅助以及文本提示

七.灵活高效原则

1.效率优先,功能与易用性之间通常存在一个平衡
2.如果用户的目标是可预测而且常用的,使用者不应该为了实现这个目标而必须做很多工作,让用户如何方便就这么来。

例八:游戏中的热词/其他软件中的常用语

八.优美和简洁原则

1.iOS规范的三大原则-清晰、遵从、深度:纵观整个系统,任何尺寸的文字都清晰易读,图标精确易懂,恰当且微妙的修饰,聚焦于功能,一切设计由功能驱动
总结:
(1)留白、颜色、字体、图形以及其它界面元素巧妙地突出重点内容并且表达可交互性。
(2)减少使用边框、渐变和阴影让界面尽可能轻量化。
(3)理清信息的优先级,按需分配。

九.容错原则

1.错误消息应以简明的语言表达(不要使用系统语言来描述系统正在做什么),准确地指出问题,并建议性的提出解决方案帮助用户从错误中恢复,将损失降到最低。若无法自动挽回,也要提供详尽的说明文字和指导方向。

例九:错误提示以及建议帮助 (邮箱注册)

总结:
(1)告知用户当前的错误发生的具体原因,确保信息清晰无误(例:密码位数少于6位)。
(2)为用户提供解决方案,引导用户朝正确方向前进(例:网络连接不给力,请检查网络设置)

十.人性化帮助原则

1.帮助性提示最好的方式是:
(1)无需提示
(2)一次性提示
(3)常驻提示
(4)帮助文档

例十:toast提示帮助

例十一:帮助界面

结论:

在交互、视觉层面的设计不管如何变化,都应以满足最普遍商业目标和用户基本需求为主要。另一方面尼尔森十大原则之所以被称为“启发式”,是因为它是适用广泛的经验原则,而不是具体的可用性指南,一切都应根据具体需要而定。

转载于:https://juejin.im/post/5c70f993f265da2de713520a

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值