洗衣机的操作界面交互分析

从零开始学运营,10年经验运营总监亲授,2天线下集训+1年在线学习,做个有竞争力的运营人。了解详情

从洗衣机的操作界面交互,我们可以学的哪些产品设计方法呢?

最近家里需要购买一个洗衣机,由于空间有限只能选择波轮洗衣机,因为家里有老人,在选择过程中界面操作简单成为我的一个重要的标准,但在某东上逛了许久以及和客服沟通我只好放弃了这个标准。原因是我面对这些操作面板我是懵的,在和客服沟通后我依然很懵,很显然产品功能的叠加带来是操作界面操作成本的变高。下面我买的洗衣机操作界面:

在看了说明书和操作实践后,基本的信息架构是这样的:

存在的问题如下:

  • 一个指示灯代表了两层意思,通过常亮和闪烁区分,理解成本过高。
  • 功能选择中两个业务没有区分开选择。
  • 水量描述的表述和洗衣服的量不能建立关系,用户对于27L、32L…55L、58L的概念很模糊,也无法和洗衣服的量联系起来,如用户放了大半桶衣服进去,那应该选择多少升的水量来洗衣服,估计只能靠主观判断了。
  • 没有根据使用频次和功能的优先级排列,如预约功能应该属于附加功能,属于低频次的操作,位置居中且颜色突出不能理解。
  • 组合健的学习成本和使用成本均有点高,特别是对于老年人来说。
  • “常用”的字段描述有歧义,是根据我的使用习惯来记录的吗?还是系统已设定的洗衣服功能,这个只能去求助说明书了。
  • 洗衣服的业务的功能选择(水量选择、功能选择、洗涤方式选择)是有先后顺序的,我们可以在界面上进行步骤的引导,如用户如果选择单脱水业务,洗涤方式选择和水量选择就没有必要了。

最近又再次翻看了《简约至上-交互设计四策略》这本书,书中提出了简化设计的四原则:组织、删除、隐藏、转移,书中举了Flip相机的例子,是如何在大品牌的功能很多的相机中杀出一条血路,Flip 摄像机从默默无闻到一下子销售出上百万台,当时全美国市场的摄像机销量只有6百万台。设计者卡普兰和布朗斯坦的设计目标就是简单易用,甚至每个人拿到手中就可以使用,不需要任何说明书,很显然他们做到了。

重新回到洗衣机的问题上来,如何运用简约设计四原则来重新设计洗衣机操作界面,才是我们这次讨论的主要问题。其实用户在洗衣服的过程中的心理模型是这样的:把衣服和洗衣液放进洗衣机, 关上门,打开开始按钮,很类似把大象装到冰箱里分为几步的梗。很显然事实并非如此,大致看了下现在市面的洗衣机,为了提高竞争力功能的叠加是一种趋势,在有限的空间下满足多功能的操作成为设计的挑战。

接下来我们利用简化设计四原则对于洗衣机操作界面分析和重新设计:

1、组织

组织是简化设计的一种常见方式,首先需要根据功能进行分组,并将功能分组根据使用频次进行优先级排序,其次可以根据功能的使用先后顺序引导用户按照步骤操作,将主要的频次较高的流程或功能突出。

所以我们可以得到如下的设计方案:

  • 按照用户使用的频次和优先级重新分类,并增加步骤引导,且在设计上需要突出:第一步是功能选择,是指用户洗衣服所用到的功能,因为功能的选择会印象后面程序和洗衣量的选择,例如如果用户选择了单脱水功能,其实后面的两个选择已经没有意义了,第二部是洗衣服模式,是指引用户选择如何进行洗衣服,第三步洗衣量的选择,指用户这次洗衣服量的选择,度量单位是较为直观的洗衣桶。
  • 将水量改为洗衣量,用户只要关注自己的洗衣量就行了,具体需要放入多少水那是洗衣机的事情。
  • 常用改为智能洗,字段描述更加符合业务场景,是指按照程序设定好的流程进行,用户不用选择任何功能,只需打开电源放进衣服,点击开启即可。
  • 聪明的默认值:由于用户在使用洗衣机的过程中大部分场景是洗衣服,所以默认的选择需要和这个业务一致,所以功能选择默认选中:洗涤-漂洗-脱水,洗衣模式选中智能洗,洗衣量选中较为常见的5桶。
  • 电源功能不同其他按钮,位置和形状上需要和其他按钮有区别。

操作区域分析:

  • 洗衣机操作面板底部为操作热区,所以将主操作区域放在底部,并突出显示。

操作路径分析:

  • 用户多为右手操作,主要操作流程了是从左到右,符合使用习惯。

多种状态说明:

功能选择:

显示屏

2、删除

删除不必要的功能可以让用户更加专注,快速实现用户的目标,回归产品本来的核心功能,我们现在就从洗衣机最基本的功能出发,可以的到下面的设计方案,回归简单,专注洗衣机核心业务,保麻烦留给机器而不是用户,操作成本和操作都很低,只需要打开电源键,放进去衣服和洗衣液,点击开始让洗衣机开始工作后,就坐等洗好衣服。

  • 电源键,用来控制整个机器的电源的开启和关闭,控制整个洗衣机的工作状态,可在位置和形状上不需要区别于其他按钮。
  • 开始/暂停按钮,主要是让洗衣机开始和暂停工作,也是对功能总体控制,可在位置上和其他按钮区分开。
  • 显示屏幕显示洗衣机工作的进程和剩余的时间。

3、转移

转移可以指从一个位置到另一个位置,也可以指从一个设备到其他设备,即是指将非核心的低频次的功能到其他地方,也是达到用户更加专注核心功能和自己的模板,减少其他选项的干扰。例如强调物联网的今天,洗衣机中像童锁、预约等频次较低的功能是否可以考虑转移到APP上操作。

4、隐藏

就是将非核心的、频次低的功能隐藏起来,不要干扰到用户正常的操作流程,通过的方式有多种,一般通过视觉上的不可见来达到此目的,如软件中将某个功能入口变深,如有的空调遥控器做成下面这个样子,在物理按键可通过加盖板,折叠的方式来实现隐藏的功能,洗衣机的改为设计为可掀开盖板的两层设计方案,也是值得研究,这里就不展开讨论了。

引起我们的反思:产品在功能叠加换来的用户体验的下降,这个是本末倒置的,也会让自己的产品在市场中失去竞争力,所以传统厂商也需要在用户体验上下功夫,在硬件产品慢慢同质化的今天,可能好的用户体验也是一个让企业拥有市场竞争力的法宝。

引用文献:

1、科尔伯恩(Giles Colborne). 简约至上:交互式设计四策略 (图灵交互设计丛书 1)人民邮电出版社. Kindle 版本。

 

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

题图来自unsplash,基于CC0协议

赞赏是对原创者的最大认可
5人打赏
评论
欢迎留言交流
  1. 觉得很棒啊 每次用新的洗衣机就很怀疑自己智商了

    回复
  2. 整体思路很棒!个人觉得有一些细节上很待推敲,如操作路径有点牵强(操作流或视觉流是从左到又或从上到下的“E”或“F”型),这样做是否符合用户易用性有待验证,还有区域的划分什么的,鄙人薄见,为你的逻辑打call!!!赞

    回复
  3. 现在很多洗衣机会自动衣服(估计是重量)然后自动给出水量。只要选择模式就可以开始。

    回复
  4. 写的很棒,深受启发。

    回复
  5. 哈哈,居然还有分析这个的 :mrgreen:

    回复