菜单 关闭

用户界面设计中的自然映射和刺激响应兼容性manbetx官方网站手机版

通过 凯蒂舍温10月14日,二千零一十八

总结:manbetx官方网站手机版快速传递用户输入和结果之间关系的设计通常使用自然映射或具有高刺激-响应兼容性。


你玩过控制反转的电子游戏吗?换句话说,右是左,左是右?如果你这样做了,你可能知道这不容易。这是刺激-反应不相容的一个例子。

回到20世纪50年代,心理学家保罗·菲茨以他的名字命名的法律)查尔斯·西格进行了一系列实验,证明了这个概念。他们要求人们通过按下两个按钮来对出现在他们左边或右边的刺激做出反应:

  1. 在一个条件下,刺激和反应是同一面的:当刺激出现在左边时,人们必须用左手按下左边的一个按钮(当刺激出现在右边时,他们的右手按下)。
  2. 在另一种情况下,刺激和反应是相反的:当刺激出现在左边时,参与者必须用右手按下右边的按钮,反之亦然。

菲茨发现参与者在第一种情况下速度更快,这提出了一个刺激-反应相容性。

定义:刺激-反应相容性刺激物的物理排列与预期反应的位置相匹配的程度。

刺激-反应相容性与设计高度相关。manbetx官方网站手机版当一个对象或接口违反它时,它的可用性显著降低。

想想这两个炉子。哪个旋钮控制哪个燃烧器?一个炉子能让你对自己的猜测更有信心吗?

具有非自然映射的四燃烧器火炉与具有控制旋钮自然映射的五燃烧器火炉相比
在左边,一个典型的炉灶将燃烧器布置成一个二乘二的网格,控制旋钮在底部排成一行。这种设计使manbetx官方网站手机版得用户很难猜测哪个旋钮控制每个燃烧器(没有刺激-响应兼容性)。右边,控制装置的布置模仿五个燃烧器的布置,因此具有更高的刺激-反应相容性。

想想我不久前在火车站拍的这张售票机照片。用信用卡付款后,机器要我的邮政编码作为安全措施。但是,令我困惑的是,黄色编号的按钮无法触摸。目瞪口呆,我反复敲打屏幕上的黄色数字,认为屏幕可能被冻结或响应时间慢。然后,我注意到屏幕两侧有一列金属按钮。每列编号为1-6。令我惊讶(和恐惧)按下右栏上标记为“1”的按钮,导致“6”出现在邮政编码字段中。按下金属按钮2导致屏幕上出现“7”。我简直不敢相信。按下一个数字让另一个数字出现,这在身体和认知上都是不自然的。我按下每个按钮的反应慢是刺激-反应不相容的直接结果。

刺激反应相容性差的火车售票亭
低刺激-响应兼容性的一个例子是这台火车售票机,其中,用户必须按下标有不一定与实际所需数字匹配的数字的按钮(例如,按下标记为1的金属按钮,使6出现在屏幕上)。

自然映射

刺激-反应相容性的概念可以扩展到其空间维度之外。这正是唐·诺曼在他的书中所做的。”manbetx官网手机登陆日常用品manbetx官方网站手机版的设计“。

定义:自然映射指一种设计,其中系统的控manbetx官方网站手机版制表示或对应于期望的结果。当控件映射到将导致的操作时,系统学习更快,记忆更容易。

自然映射桥接执行湾,帮助用户了解如何使用系统以及需要采取哪些行动来实现其目标。manbetx官方网站手机版设计师可以通过多种方式创建自然映射,包括以下三种常见模式:

  1. 空间相似性。这种模式与刺激-反应相容性几乎相同。通过在模拟设计布局的空间布局中排列控件,manbetx官方网站手机版用户可以更快地了解系统。例如,考虑下面的屏幕截图,取自显示设置在Mac上的菜单。当连接多个监视器时,这个显示器排列屏幕允许用户重新排列监视器的屏幕版本,以匹配物理监视器的实际位置。对于在扩展屏幕上工作的用户,这种布局的相似性帮助他们快速地将文件从一个监视器拖到另一个监视器上,因为布局与显示器在桌面上的排列方式紧密相关。
    桌面显示器布置截图及实际显示器布置照片
    设置屏幕监视器(左)以模拟物理监视器(右)的排列是自然映射的一个示例,这有助于用户在工作时在监视器之间高效移动。
  2. 概念上或比喻上的相似。一些设计利manbetx官方网站手机版用了一个普遍接受的隐喻,并将其作为设计决策的基础。做得好,这些隐喻映射可以使系统的功能更加透明。考虑iOS控制中心的亮度控制。在控件内向上滑动可增加屏幕亮度,向下滑动控制键会使屏幕变暗。这种安排之所以有效,是因为强烈的文化隐喻“向上是更多的”,它在概念上将“更高[亮度]”映射到更高的级别。此外,亮度控件用白色背景色填充,它也在概念上映射到亮度级别(想象填充是否反转;也就是说,如果黑色填充表示屏幕亮度更大。感觉不自然。或者考虑颜色,它可以与特定的动作有关联——例如,在西方世界,“绿即走”和“红即停”。设计师可以利用这些隐喻来创建自然映射。manbetx官方网站手机版请注意,测绘的有效性在很大程度上取决于文化和社会习俗。
    iOS控制中心
    iOS控制中心的亮度控制采用自然映射方式,通过排列控件使向上滑动提高屏幕亮度(向上更高),向下滑动使屏幕变暗(向下更小)。
  3. 行为相似。用户通常对执行某项操作时将发生的情况抱有期望,这些期望通常由它们的目标来控制。行为相似性是系统反馈的另一种形式,界面的响应方式类似于用户执行的操作。例如,当用户有兴趣咨询他们的手表时,他们经常移动和倾斜双手以便更好地看表。这种行为被智能手表设计人员利用在“上升到唤醒”手势。manbetx官方网站手机版要让用户“唤醒”设备,所需要做的就是她转动手腕看表。设备检测移动并解释用户交互的意图。这种行为是如此自然,以至于用户不必为了打开设备的屏幕而调用特殊的功能:唤醒命令已经成为非命令用户界面.

    注意尽管如此手势越来越常见在设备和应用中,他们仍然存在用户的负担和挑战.许多手势是不自然的;它们与用户试图完成的操作无关,因此更难发现,记得,并执行。一个例外是触摸板上的旋转手势,这类似于一个人在现实生活中如何旋转一张照片。但是需要复杂互动的手势,比如两个,三,或者用四个手指轻敲或刷卡,一般用户很难正确学习和回忆。创建手势时,manbetx官方网站手机版如果设计师希望手势被采用,他们必须考虑自然映射。
    多点触控手势插图截图
    轨迹板上的旋转手势(左)有一个自然的映射,可以映射出一个人在现实生活中如何旋转一个物体。然而,许多手势,比如四指轻击和三指轻击,与正在执行的操作没有明显关联,因此,它们对用户学习和执行具有挑战性(图片来源:支持:apple.com/en-us/ht204895

结论

对于一个易于学习的系统,人们需要快速了解它的工作原理,可能采取什么行动,以及如何实现他们的目标。manbetx官方网站手机版具有高刺激-响应兼容性并利用自然映射的设计可以帮助用户更快、更自信地行动。

参考文献:

FittsP.M.西格C.M(1953)。“S-R兼容性:刺激和响应代码的空间特征。”实验心理学杂志,46(3),19-210。

LakoffG.约翰逊M(2003)。我们所赖以生存的隐喻.芝加哥:芝加哥大学出版社。

manbetx官网手机登陆诺尔曼d.(2013)。日常用品manbetx官方网站手机版的设计.纽约,纽约:基础书籍。