用好这些可用性原则,你就能简单做好交互设计!

6 评论 13702 浏览 103 收藏 8 分钟

做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

1、系统状态可见性 (Visibility of system status)

帮你理解:系统应该总是在合理的时间内,通过适当的反馈让用户了解正在发生什么。

Group 24

帮你总结:提高产品状态的可视化程度,从而提高用户对自己在使用系统过程的情况的透明度。

2、系统与现实世界的匹配性( Match between system and the real world)

帮你理解:系统应该讲用户的语言,用单词,短语和概念让用户感觉到熟悉,而不是用面向系统的术语来面对用户。同时按照现实世界的惯例,让信息出现在自然和逻辑顺序中。

屏幕快照 2016-08-27 下午11.02.34

屏幕快照 2016-08-27 下午11.02.44

帮你总结:

  1. 从用户的角度出发,推荐Banner内容,用户可以花更好的时间明了这些滑动的Banner是“可能适合我的”课程。我们可以在产品的细节处继续使用user’s language来提高用户的UE。
  2. 根据用户的日常行为,判断用户的偏好,做个性推荐也是这个原则的案例之一,这类案例用得最多的是在购物类、音乐类、阅读类应用。
  3. 用户产品的名字代替“首页”类的形容词,解决从用户角度体现内容和意图的问题,在细节处使用user’s language来提高用户的体验感。

3、增加用户操作感和自由度 (User control and freedom)

帮你理解:用户往往会不经意选择错误的系统功能,那么产品设计就需要一个明确标明“紧急出口”的状态或者功能规避不必要的操作,譬如:支持撤销和重做。

屏幕快照 2016-08-27 下午11.05.31
帮你总结:从用户体验的角度来看,自动切换的信息在“播放”时需要放慢速度,通过内容本身或者配色去调亮引导dots,可以增加用户的操作感。另外,对用户可能出现反悔操作的功能,应该提供撤销和重做的入口,让用户能更加自如的使用你的产品。

4、一致性及标准化 (Consistency and standards)

帮你理解:在一个系统或者应用中,用户不应该想知道不同的单词,或者理解同一个功能的被展示出不同情况的原因。对于一致性,浅显易懂,现在普遍都用的很好,那么对于标准化,很多网站或者app,特别是新的产品,开始通过衍生自己的LOGO、品牌,充分洗脑用户,强化用户对自己产品的记忆点。甚至可以根据自己的产品定位,创新一类icon等,通过图形的表达让用户更加对你的产品记忆深刻。推荐一款个人非常喜欢的App:“想去”,它的设计就从App的icon到内饰都一气呵成,甚至连loading都是惊喜设计的,让人用着非常舒服。

屏幕快照 2016-08-27 下午11.05.39

帮你总结:适当的给自己的产品拟定标准化的记忆库,不但让用户体验你的产品时,觉得走心,也会让用户在不经意间把你的产品记得牢牢的。

5、预防错误(Error prevention)

帮你理解:在首次使用系统或者产品的时候,巧妙的设计比好的错误提示更加能弥补不足。最好能在用户进行下一步之前,避免掉低级的错误,让用户的使用过程是舒服顺畅的。

屏幕快照 2016-08-27 下午11.10.38

帮你总结:在可能出现错误、空白的情况之前,利用加载的可视化、再加上比较nice的动效、提示会让用户减轻失败带来的不爽。

6、美与简单的设计(Aesthetic and minimalist design)

帮你理解:设计不应该包含不相关或不常用的信息。重点的内容和核心的元素应该与其他的信息形成鲜明的区别。譬如在配色上,可以选择1个主色,2个以内的辅色,构成整个设计的骨骼,用主色告知用户目的与指示。

屏幕快照 2016-08-27 下午11.12.14

帮你总结:

增加美感的同时也需要最小化设计元素,做减法。
以上6条可用性原则,是小M做产品过程中能无时无刻不记起的。每一次小细节的打磨都是一次回溯基本原理及原则的好机会,是否灵活运用并烂熟于心,这是需要所有产品人er用心去感受的。加上小M前不久写过的在做交互设计时,你需要知道这几大定律。希望能给你足够的基本方法去做好自己的产品。

最后送给所有产品人er一句装逼的话:“形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,让每一寸体验是‘走心’的!”

 

作者:权莉,微信昵称:Mandy权。一名快乐的产品经理!

本文由 @权莉 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 另外说一点可能无关紧要的小事。关于进度条有些时候没有会比有体现出更好的用户体验。 例如QQ或者微信,在用户分享图片的时候,就将进度条去掉了。因为用户分享图片时,心理急于速度,但这时由于网络原因进度很慢,用户肯定不满,所以QQ或者微信在分享图片时,直接在用户面前出现的是成功后的界面,或许只是用户自身可以看见,但成功的将因进度过慢的问题化解

    回复
  2. 文字和配图直接的关系,可否解释的再详尽一些。抱歉我只是一只小白,很想学习学习,但看着有些费劲。

    来自北京 回复
    1. 好的,我会持续写文,咱们共同学习哈。

      来自四川 回复
  3. Enjoy在英文中的含义本来就是享受它吧,可以衍生为拿走吧,这个购买从场景上没有什么不同,那么既然含义相似,能表现的体验感更好,也不妨是一种好的尝试。回楼上同僚的宝贵意见。

    回复
  4. 你真的觉得 ENJOY NOW 比购买好么? 你这不是尊重用户 这是把用户当智障啊….不能为了BIGER去做逼格 这样的结果很可能就是 哇好棒 但是没什么卵用…我说的话 虽然不那么中听 但是我确定它是有用的

    来自北京 回复
    1. Enjoy在英文中的含义本来就是享受它吧,可以衍生为拿走吧,这个购买从场景上没有什么不同,那么既然含义相似,能表现的体验感更好,也不妨是一种好的尝试。回楼上同僚的宝贵意见。 😀

      来自四川 回复