交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

随着互联网的发展,交互思维对于设计师来说越来越重要。而尼尔森的十大可用性原则是入门交互设计的基础性法则。

本文分为上下两篇,结合大量实际案例帮你解读这位人机交互大师的研究成果(此为上篇)。


交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

自我理解:用户无论在界面上做什么,都应该及时告知他发生了什么或者进展到什么程度。可以理解为人与人的沟通,界面需要及时告诉我们做了什么,现在是什么情况。


a.  这种告知应该是及时的。

加载任务在互联网中是最常见的,在加载过程中应当及时传达加载过程,减少用户的心理等待时间。在外部加载总时间无法优化的时候,使用何种方式能有更好的用户体验是设计时需要考虑的。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析


b.  应当告知用户你在哪里

你的界面需要引导用户来操作,即作为用户应该清楚的明白我在什么位置,我下一步可以去做什么操作。

现在app的很多设计基础包括顶部的导航分栏和底部的tab bar都是为了告诉用户他在哪里。

在做一些概念设计时候,如果单纯是为了更好的视觉效果,就对这些基础分栏进行大刀阔斧的设计,最终导致了好看是好看,可是用户都不知道这页面是干什么的结果,很明显是违背了最基本的交互原则 状态可见原则。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析


c.  应当告知用户事情怎么样了

用户在你的界面是要做什么事情,这是你在设计之前应该思考的问题。

如何把用户要做的这件事情更好的呈现给用户,反馈给用户以及有哪些信息需要反馈给用户都是你要从交互的角度思考的,这包括过去发生的信息和即将发生的信息,也包括正向反馈和负向反馈。(这种操作是否成功了?这种操作进展到什么程度了?如果这样操作会有什么后果?点击之后会达到什么页面?这里是否可以点击?)

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

很多概念性的设计很酷,从交互的角度上来看也是因为界面对信息进行了很好的反馈,比如下面的设计就是对登山的信息进行了很直观的反馈。(来自设计设计师anastasia  原地址https://dribbble.com/shots/8291047-Tourism-App-Mobile-Concept

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析



交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

自我理解:不同的人生活在不同的环境里面,不同的界面也有不同的外部环境。尽量保证界面在自己产品定义的风格里面,如果有机会还原真实世界的状态也很好。


a.  根据用户制定产品语言

在制定产品语言时,要了解产品的用户人群,使用相对应的用户群体所熟悉的文字语言 图形语言  板式结构  配色方法。要让我们的用户觉得这个产品很符合自己,而不是让一个老大爷去滑滑梯的感觉。一般来讲即便是同一产品,在国内外的产品语言也是有所不同的。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

b. 模拟真实环境

产品在一些展示上模仿现实世界的样子,可以让用户快速接受,并感受到真实易懂。不仅仅局限于静态外观的模仿,还包括模拟真实物品的动态效果 声音等 都能给用户良好的使用体验

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

很多逼真的动效也是来自真实世界的映照。比如下面的可乐瓶的晃动就和真实世界很接近,让用户有很强的代入感。(作品来自设计师dannniel 原地址:https://dribbble.com/shots/6351526-Select-Drink-Animation

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析



交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

自我理解:为了不让用户进入一个错误的场景或者结果,对于一些特殊操作应该给予撤回重做,让用户能够充分的确定接下来的行为。

a.  返回到原始状态

可以理解为悔棋,即已经发生的行为返回到原始的页面状态,这个条件的设置也应该有一些条件的限制,不能一直无限返回。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析



交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

自我理解:君子常常言行一致,好的产品也是一样。保持为一个统一的整体,包括产品内部和产品外部,也包括线上和线下。


a.  与竞品保持一致

很多人讲现在的同一类产品的同质化现象严重,其背后也是有一定原因的。相同或相似产品的用户习惯保持一致,即意味着用户需要更少的时间去学习甚至不需要学习。从产品设计上讲,用户使用越方便易用,产品设计的越成功。和相关主流竞品做出比较大差异化设计时候,虽然摆脱了同质化的问题,但是很多常规操作却需要用户重新学习,这样带来的后果很有可能就是用户流失。所以,没有充分的理由,请与竞品保持一致。

b.  请建立一套完整的规范

一套完整的规范包括组件 色彩 间距  版块结构 等。规范可以让你的产品一致性更强,你要让用户能够对你的产品产生一定的规范性印象,当他看到一张页面就能联想到这是什么产品。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

c.  请保持产品迭代的一致性

现在随着互联网市场的不断稳定,很多产品进入了稳定的迭代期。但是在迭代期也应该以保持产品语言 用户使用习惯的一致性为一大重要原则,版本的迭代也应该逐步进行,不要急功近利。尽量保持原有的设计元素一致性,新功能的创新也尽量不要损害原有用户的使用体验。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析



交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

自我理解:再发生错误之前采取措施来避免。


a. 引导用户,不要让错误出现。

很多app迭代更新之后会有操作指引,目的就是为了让用户学习,减少错误操作。很多引导页也有相类似的功能。

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

b. 给予提示,尤其是用户在做一些重要操作的时候

一些重要的敏感操作,产品通过二次询问得到用户的确认,

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析


这是前五大原则的解析,希望对你有帮助。剩下五大原则会在下篇文章解析,并统一整理关于原则的思考模型。

原文始发于微信公众号(方寸之外):交互理论篇1.0:十大可用性原则(上)_ 附保姆级案例分析

0
0

评论

评论

这篇文章没有任何评论。成为第一个评论者!

微信二维码 扫一扫添加微信 保存二维码到本地相册
跟随

哦不,糟糕! 您的浏览器不支持。本网站针对这些浏览器进行了优化。请升级到支持的浏览器,并尝试再次加载网站。

立即升级