用户使用乐高面板对界面的感知

图片



驾驶海洋探测船火星探测飞船一项严肃的工作。希望仪表板具有最高的质量。该游戏装置的接口是两个尖峰宽,45°倾斜,共同的乐高积木“ 2x2装饰坡度”,并将其连接到外部。



这些标志性的低分辨率艺术品是学习界面设计基础的理想工具。让我们用52个积木武装起来,看看它们可以教给我们有关复杂接口的设计,布局和组织的知识。



欢迎来到乐高定制体验世界。







有组织的混乱



乍一看,各种图像可能会令人困惑,但是很快就可以清楚地看到某些界面看上去比其他界面更混乱。现实世界中的大多数界面都是数字屏幕和模拟输入设备(例如开关和转盘)的混合体。乐高面板遵循相同的原则。



如果沿“混乱组织”(从下至上)和“全屏无屏幕”(从左至右)两个轴放置面板,则会得到几个单独的群集。在左上角,将显示屏幕,并带有一行按钮。右上方是高度组织化的开关面板的小集群。中心的底部充满了难以理解的不寻常概念。







从人机工程学到工程考虑因素,开发复杂的机器界面需要综合考虑许多因素。但是,我们可以将此问题分为两个关键问题:

  1. 您如何区分不同输入设备的功能?
  2. 您如何组织多个输入和输出设备,以便您了解它们之间的关系?




让我们仔细看看Lego中这些问题的答案。



区分输入设备



为什么在第二次世界大战期间400名飞行员在着陆前就开始拆除B-17轰炸机上的起落架?这是灾难性的人为失误还是更根本的事情?



心理学家阿方尼斯·夏帕尼斯(Alfonis Chapanis)率先提出大量登陆失败的原因可能是界面设计不良。起落架和襟翼控制旋钮并排放置,并具有相同的形状。飞行员根本没有机会。





腹部B-17和功能编码(通过表格进行编码)可以避免出现问题



他提出的临时解决方案是将不同形状的橡胶条粘贴到每个把手上,这将使您可以通过触摸来控制飞机。结果,诞生了按形式编码的思想,并且在机舱设计中仍然遵循差异化系统。



让我们比较下面显示的三个界面,看看它是如何工作的。忽略元素的总体布局-目前,单个按钮对我们很重要。想象一下,您正试图摸索其中之一而不用看。当使用左侧面板“ Slope 45 2 x 2 with 12 Buttons”时,您将需要精确的手眼协调。在右窗格“飞机多重飞行控制”中,在操纵杆(沿直线扫掠垂直运动),开关(圆形垂直拨动开关)和按钮(正方形)之间有明显的区别。





从左到右:控件之间的



区分很差,很差,也很不错。迄今为止,这种区分仍然是一个严重的问题。福特在2015年召回了13,500辆跨界车林肯MKC,因为驾驶员在高速公路上高速行驶时,在尝试激活运动模式时不断错误地关闭发动机。你能理解为什么会这样吗?





在移动发动机启动/停止按钮之前,福特林肯MKC控制面板。



通过形式对功能进行编码是区分的一种方法,但还有其他方法。在我们的日常生活中,我们只听说过颜色编码。但是还有其他一些:按大小,纹理,位置和工作方法进行编码。所有这六个都是我们在防错接口设计中的盟友。





编码函数的六种基本方法。请注意,提供的一些示例如何同时使用多个编码选项。

从左到右,从上到下:大小,形状,颜色,纹理,位置,工作方法。




它基于编码大小,颜色和形状的方法-它们使您可以快速解决许多界面问题。质感也适合盲目工作-特别是在微调器上进行微调。



布局编码看似很明显,但是经常没有充分利用。具有明显人体工程学形状的设备(例如双筒望远镜或游戏控制器)可以使用手的自然位置来区分主要动作和次要动作。



最后,工作编码将不同类型的运动分配给不同的输入设备(例如,旋转或垂直滑动)。当输入设备的移动类型与其控制的操作相匹配时,此方法将非常有用-例如,抬起操纵杆时起重机吊起负载。





Lego界面中的六种不同类型的编码(从左到右,从上到下):大小,形状,颜色,纹理,位置,工作方法。



区分是避免混淆相邻开关的良好的第一步。但是,只有输入设备的良好组织才能使我们向用户传达清晰,精确的界面心理模型。



输入设备的组织



比较以下三个面板。控件的布局是相同的,但蓝色条看上去比白色条清晰得多。格式塔的原理在这里起作用,将一个领域中的相关实体结合在一起。





通过分组方法进行基本区分



非常简单。但是,我们如何确定要对哪些输入设备进行分组?



我喜欢以苏联的控制面板为起点。这些漫不经心的曲折美丽的墙栩栩如生,并组织成庞大的工厂计划。很难想像一个更真实的信息组织。







我将这类面板称为统一界面。所有输入和反馈元素都收集在一个面板上。这种方法选择戴森开车。现在想象相反的例子-我们将所有这些开关和灯都移到了工厂中实际的阀门位置。听起来很荒谬-但是,奥迪TT上的这些通风格栅表明,分布式方法也非常适合用户。去年,写了很多有关分布式接口的文章。





乐高汽车面板:分布式界面(左)与整合式(右)



让我们回到苏联工厂。他们的界面面板非常擅长回答“此阀是否允许水进入水箱B?”的问题。但是,它们完全不适合为诸如“所有水阀是否都已关闭?”之类的问题寻找答案。或“我需要为变速箱传输准备的所有开关在哪里?”



乐高使用苏联的方法制作精美的 面板,因为原理图完美地传达了他人系统工作原理的心理模型。但是,对于日常使用,还有其他几种更方便的方法。





乐高的Insectoid和UFO接口。我想知道这些按钮究竟负责什么?



最流行的设计哲学(可能可以称为“默认”哲学)是基于功能的组织。将每个产品功能的所有输入和输出设备分组在一起。剑桥咨询公司的下一款冠状病毒呼吸机将是这种方法的一个很好的例子-但是,当我们将用于通风控制的输入设备组合在一起,并将所有控制装置都放在一个侧杆上时,我们也经常在汽车上看到这种现象。





剑桥顾问公司的冠状病毒呼吸机功能明确。



一种操作组织方法将所有以某种方式工作的交换机放在一个地方。我不知道照片中所有这些阀的用途,但我敢打赌并非所有阀都打开相关的东西。每次看到一系列外观和工作原理相同但控制系统不同部分的开关时,您将面临一种有效的组织方式。







如今,大多数接口基本上都是电传操纵系统但是,从历史上看,例如在拖拉机驾驶室中您拉出的杠杆实际上是移动了位于座椅下方的液压活塞。溶解所有这些不同的电气,机械和液压系统会严重损害接口分组,并导致形成技术组织。



这种方法的现代等效方法令人惊讶地普遍。任何旁边有按钮的触摸屏都可以使用它。在未来, SpaceX公司可以将这些物理控制旁边它们影响的信息,但现在他们坐在笨拙屏幕旁边,仿佛他们应该。





鲍勃和道格在SpaceX Dragon太空舱中



在Lego中,我们在-19°模式面板中与基于功能的组织会面。两组明确的控件-也许用于温度控制和生命迹象跟踪。我不知道第二个面板中的所有这些开关的作用,但是它们显然是按操作方法而不是按功能分组的。



在SpaceX Dragon太空舱中,有许多Lego面板具有相同的技术分隔,但我想想象一下90年代初的这个警察部门如何分隔音频和视频播放,因为新的线对线技术与模拟电话线不兼容。一个技术组织在这里工作。





从左至右:按功能,操作方法,技术和情况进行



组织到目前为止,我们所有的方法(按功能,操作方法或技术进行组织)都与系统而不是用户的属性有关。替代方法是按用例组织-按用户的日常任务分组。



想象一下,每天早上工人到达乐高工厂对人员进行扫描。按任务对控件进行分组(准备汽车,装载车身,开始扫描)意味着在面板的许多区域都需要分开照射和扫描仪按钮。对于计算机而言将更加困难,但是对于操作员而言将更加方便。只有开发人员和用户才能确定最适合他们的方法。



但是哪个界面更好?



我经常说,没有一个更好的界面,但是有很多最差的界面的例子。



但是,我有三个最喜欢的示例。控件的布局美观且易于理解,并具有与输入设备的良好区别以及简单明了的组织。我很自豪地坐在以下任何一个控制台上:






All Articles