首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

怀柔小程序开发论述: 洗衣机的操作界面交互分析

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

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

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

存在的问题如下:

一个指示灯代表了两层意思,通过常亮和闪烁区分,理解成本过高。

功能选择中两个业务没有区分开选择。

水量描述的表述和洗衣服的量不能建立关系,用户对于27L、32L…55L、58L的概念很模糊,也无法和洗衣服的量联系起来,如用户放了大半桶衣服进去,,那应该选择多少升的水量来洗衣服,估计只能靠主观判断了。

没有根据使用频次和功能的优先级排列,如预约功能应该属于附加功能,属于低频次的操作,位置居中且颜色突出不能理解。

组合健的学习成本和使用成本均有点高,特别是对于老年人来说。

常用的字段描述有歧义,是根据我的使用习惯来记录的吗?还是系统已设定的洗衣服功能,这个只能去求助说明书了。

洗衣服的业务的功能选择是有先后顺序的,我们可以在界面上进行步骤的引导,如用户如果选择单脱水业务,洗涤方式选择和水量选择就没有必要了。

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

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

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

1、组织

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

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

按照用户使用的频次和优先级重新分类,并增加步骤引导,且在设计上需要突出:第一步是功能选择,是指用户洗衣服所用到的功能,因为功能的选择会印象后面程序和洗衣量的选择,例如如果用户选择了单脱水功能,其实后面的两个选择已经没有意义了,第二部是洗衣服模式,是指引用户选择如何进行洗衣服,第三步洗衣量的选择,指用户这次洗衣服量的选择,度量单位是较为直观的洗衣桶。

将水量改为洗衣量,用户只要关注自己的洗衣量就行了,具体需要放入多少水那是洗衣机的事情。

常用改为智能洗,字段描述更加符合业务场景,是指按照程序设定好的流程进行,用户不用选择任何功能,只需打开电源放进衣服,点击开启即可。

聪明的默认值:由于用户在使用洗衣机的过程中大部分场景是洗衣服,所以默认的选择需要和这个业务一致,所以功能选择默认选中:洗涤漂洗脱水,洗衣模式选中智能洗,洗衣量选中较为常见的5桶。

电源功能不同其他按钮,位置和形状上需要和其他按钮有区别。

操作区域分析:

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

操作路径分析:

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

多种状态说明:

功能选择:

显示屏

2、删除

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询