设计心理学 | 设计中的防呆设计

最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。

文章目录[隐藏]


最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。

设计心理学 | 设计中的防呆设计

防呆设计的定义:是一种预防矫正的行为约束手段,运用避免产生错误的限制方法,让操作者不需要花费注意力、也不需要经验与专业知识即可直接无误地完成正确的操作。在工业设计上,为了避免使用者的操作失误造成机器或人身伤害,(包括无意识的动作或下意识的误动作或不小心的肢体动作),会有针对这些可能发生的情况来做预防措施,称为防呆。

防呆设计的出现是在工业设计领域,例子有很多,比如我们常常诟病的USB接口,乐高积木(你一定不会拼错的),还有下图中的Smartisan T2的sim+音量键的设计

设计心理学 | 设计中的防呆设计

我们将防呆设计迁移到交互设计领域来,防呆设计可以分为四类

  1. 互锁
  2. 自锁
  3. 反锁
  4. 引导离开

互锁

使用户的行为按照正确的顺序进行

这一类我们常常可以在注册界面见到,按照指示一步一步的操作

下图为Uber的注册界面

设计心理学 | 设计中的防呆设计

在互锁的应用当中,我见过一个极好的例子,网易的炉石传说盒子里有一个功能是卡组同步到游戏中,你只需按照提示,然后放开鼠标键盘,就会自动将30张卡牌组成一套新卡组,体验非常好。

互锁的好处在于,在用户不熟悉的地方,按照软件提供的指示,用户可以轻松完成任务。

自锁

保持一个操作停留在激活状态,简而言之就是,禁止离开。

这一类的设计更为常见,我们在ps中编辑图片的时候,直接点击关闭按钮,软件不会立即退出,而是询问你是否保存

下图即为退出ps的时候提示

设计心理学 | 设计中的防呆设计

自锁的概念还可以延伸到 防止用户误操作,或者提示用户的操作是危险操作

设计心理学 | 设计中的防呆设计

锁屏的目的最主要的一个就是防止误操作。

自锁的好处在于 提示用户正在进行敏感操作,预防用户放错(更深一层,用户放错不是用户的错而是产品的缺陷)

反锁

顾名思义就是禁止用户进行危险操作或者无意义操作

设计心理学 | 设计中的防呆设计

上图是三星s6edge的设置选项,其中Developer options是默认关闭的,如果要打开则需要连续点击三次关于设备(记不清了),这属于一个很强的反锁例子。对于80%的用户来说,开发者选项是接触不到的,其中的一些选项属于危险选项,设计者这样的目的就是防止用户进行危险操作,这是他们不愿意看到的。

无意义的操作

设计心理学 | 设计中的防呆设计

在没有网络连接的时候,刷新。网易邮箱会提示你,网络错误,请确保连上网络。

引导离开

在某些特殊场合,用户可能会陷入一种不知所措的情境下,这时候就需要我们来引导用户离开

设计心理学 | 设计中的防呆设计

Window系统中某个软件长时间未响应,就会弹出选项供你选择。

设计心理学 | 设计中的防呆设计

淘宝购物车

这是淘宝购物车,发现你的购物车空空如也,系统提示你下一步动作

好的,以上就是我总结的四种防呆设计,防呆设计来源于工业设计,其出发点都是相同的,就是不要让用户去思考,而我们时时为用户思考。

 

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

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29755/

(0)
CatherineCatherine
上一篇 2017-05-25 18:30
下一篇 2017-05-25 20:30

相关推荐

  • 声明:关于微信号"交互设计学堂 ID: jhsjxt"中的收费课程与本网站没有关系

    现在赚钱真容易,随便抄点内容可以开班授课了。

    2016-11-03
  • 那些年苹果做错的设计

    设计不是艺术,它不是孤立存在的,更不是设计师的自娱自乐。设计永远和人、使用场景、用户需求相关联。iOS会不断地更新迭代它的设计,除了有商业目的上的考虑外,更多的是根据时代(人、环境、需求)的变化而变化,去做符合当下的设计。

    2017-05-16
  • 聊下你不知道的交互设计:交互设计师在项目中是如何工作的

    从事交互设计3年了,经常有朋友和同事问我“到交互到底干嘛的?”答曰:“根据用户的需求及场景,用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

    2017-05-25
  • 设计师升级篇|动感特效轻松get

    新手设计师相较于资深设计师,后者技能更丰富且全动感特效轻松get 面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得。

    2017-05-07
  • 【交互设计】怎么让引导页不再是无用小透明?

    前言在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友…

    2017-08-04
  • 2016年网页设计领域11个流行趋势预测

    来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势 ,而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势 会在2016年逐一涌现,但是总体上来说,它依然会沿着2015的大趋势来逐步演变。可以预见到的是,2016年会有更多的网站使用视频背景,更多基于Material Design 风格的界面设计,幻灯片式的界面切换也会继续火热下去。

    2017-05-29
  • 不好意思,简历有了它,你就领跑于820万毕业生

    又临近一年毕业季找工作成为了应届生们的头等大事但今年的就业形势依旧不容乐观来自教育部的数据2018年全国高校毕业生预计上升至820万人再创近10年毕业生人数新高▲教育部官网截图▲中商产业研究院数据显示:2010-2017年的毕业生人数按照2%-5%的同比增长率逐年增长,近7年间累计毕业生人数达到5706万人。年年都是“史上zui难就业季”并且每年的毕业生人数始终呈增长态势800多万的应届毕业生让“你竟是一个大学生”变成“你只是一个大学生...

    2018-03-27
  • 018. 内部框架——axure线框图部件库介绍

    网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>      看到上面这段代码,很多人肯定认出这是htm…

    2014-09-12
  • 【完整案例回顾】我是如何设计优化出更好用的航班筛选器的?

    作者:Sue(Product Designer in Singapore );译者:Perry 阿力(UXRen社区成员)   作为一个有18个国家的热情旅行者,最近发现自己预订了无数的航班,我发现航班一直是旅行日期的关键决定因素,因为它的价格波动…

    交互专题 2017-10-18
  • 交互设计的五要素

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。互联网产品与需求早晨迎着第一缕阳光醒…

    2017-08-04