UE设计中改变UX中的失明:定义

UE视界网    ()  ()

2019-11-27 10:42:07

由于人们关注的局限性,当网页中的重大更改缺乏明显的提示时,它们仍然可能不会被注意到。

  

在可用性测试中,我们经常观察到用户忽视了屏幕上设计人员认为显而易见且引人注目的变化。与可用性一样,如果您从事设计工作,那么您就会知道要寻找什么,在哪里寻找,何时出现以及它的含义。因此,是的,对您来说很明显,并且在您查看自己的设计时,您不会错过重要消息或数据对象的外观。但是用户经常这样做。为什么?由于变化盲目,这是人类(和原始人类)感知的一百万年前的事实,并且不太可能很快消失。


那么什么是改变盲目性?阿尔弗雷德·希区柯克(Alfred Hitchcock)的《惊魂记》(Psycho)是有史以来最著名的电影之一,侦探Arbogast看着诺曼·贝茨(Norman Bates)投影在黑暗无云的天空上的房子。摄像机移回侦探的脸,并在他开始走向房屋时跟随他。场景仍然很暗,但是天空突然变得乌云密布。


无论是天空纹理的更改是故意的(也许是希区柯克对即将发生的事情的微妙警告)还是连续性错误,大多数观众都可能不会注意到它。电影从一个场景到下一个场景通常都具有微小的不一致性,即背景的变化,演员服装,妆容或位置的变化,但是当在场景之间进行剪切时,这些变化会被忽略。


这种现象被称为“改变盲目性”,它不仅限于电影,它还适用于人们对场景的总体感觉,无论是投影在屏幕上还是在现实生活中。变更盲目性非常强大:即使在警告人们可能发生变更的情况下,场景中的变更也可能未被发现。


定义:变化盲目性是指人们倾向于在远离关注焦点的区域中发生场景变化的趋势。


在心理学上,变革盲目性也许可以通过1990年代中期进行的一系列实验来最好地说明。在这些实验中,向参与者显示了大约半秒的复杂场景图片;然后显示屏变黑了一秒钟,最后再次显示了同一张图片。但是,第二次显示场景时,修改了一些细节-例如,对象更改了大小,颜色或添加或删除了元素。该实验的参与者应该确定两个图像的变化。在其中一些研究中,人们反复浏览了两个版本,直到他们能够检测到变化。对于许多人来说,找到它需要20或40个交替。


显示屏的闪烁质量(一个场景,然后是空白屏幕,然后是似乎是同一场景)是更改盲目性的重要组成部分。在电影中,场景切换起到闪烁的作用;并且在与计算机交互时,闪烁是由用户按下按钮后加载新页面(或UI元素)引起的。但是事实证明,闪烁不必一定是字面意义-当用户眨眼或扫视时(当她将眼睛移到屏幕的另一个区域时)发生的场景修改也很容易改变盲目性。


魔术师利用人类倾向于随着眼睛的移动而改变盲目性:他们使用吸引注意力的设备使眼睛移动到该位置,同时进行对他们的技巧至关重要的未观察到的动作。


为什么会发生改变失明?

发生变化盲的根本原因是我们的注意力能力受到限制。任何复杂的场景都有许多细节,人们参加所有这些场景既困难又效率低下。我们通常要做的是捷径。


变化对人类一直是并且一直很重要-它可以传达有关我们环境的重要信息。自然界中的大多数变化都是由运动引起的(变色龙等例外,没有涉及运动就无法立即改变的物理物体),并且人类周围的视觉很容易检测到运动。一旦人眼察觉到周围的运动,他们就会观察运动的源头-中央视觉开始起作用,并提供补充的详细信息。这种行为是我们在野外生活的残余,在这里任何举动都可能预示着捕食者在等我们。


当运动作为改变的提示是微弱的或完全不存在时,就会发生改变盲目性。当屏幕闪烁时,移动被分流了-我们看到了场景的两个静态版本。找出更改的唯一方法是检查之前和之后版本中的所有相应元素并进行比较。这项任务非常艰巨-不仅要检查场景中无数的小细节是很繁琐的,而且我们对场景先前版本的记忆可能很差。实际上,很可能我们无论如何都不会关注该场景的许多元素。


但是,在眼睛移动时也会发生变化失明。换句话说,如果两个(可能是运动提示的变化)彼此竞争(如魔术表演),则一个变化通常会获胜并吸引眼球,但这种眼球运动会阻止第二个变化的发现。这个原因在界面设计中特别重要。


改变界面设计的盲目性

在与UI的正常交互中,由于用户操作和其他操作区域的结果而在屏幕上出现新元素(例如,产品图像轮播中的其他图像或下拉菜单的内容)时,经常会发生更改盲目性。屏幕也会改变。预期变化的源头是直接响应用户动作并且用户将眼睛朝该方向移动的可见设计元素,但实际上,变化分布在屏幕的多个区域。


例如,当用户点击Aldiko的Android应用程序中的汉堡菜单时,他们希望屏幕上的更改与该操作有关,即,新元素将位于包含菜单内容的区域中。他们的眼睛将停留在该区域附近,并且他们不太可能会注意到屏幕右上角的动作溢出按钮已被搜索图标取代。


1574822262379_2.jpg

适用于Android的Aldiko:打开菜单后,屏幕右上角的控件将被放大镜替换。搜索工具将不会被注意,因为(1)人们将查看展开的菜单,这将是其操作的直接结果;(2)他们希望屏幕的其他元素保持不变(就像通常在与大多数UI进行交互时所做的一样)。

在其他地方,我们讨论了如何不使用桌面上的搜索图标替换搜索框;但是,在移动屏幕上,该模式比在桌面上更有用,因为我们的研究表明,即使没有搜索框,放大镜工具也相当容易被发现。但是,如果默认情况下不显示搜索框,则当用户单击搜索图标时,文本字段应显示在其旁边(而不是在屏幕上更远),以确保人们不会错过它。


出现在页面顶部的半永久性导航栏或浮动按钮也有被隐藏的危险,因为页面的滚动通常会掩盖它们。例如,当用户开始向上滚动时,半永久性导航栏出现在屏幕顶部。希望人们会注意到这些栏并在其中选择一个选项,而不是将其刷到页面的顶部。不幸的是,页面的移动很容易阻止条形图的出现而引起的运动,特别是当条形的颜色与页面的颜色融合在一起时,例如下面的“纽约时报”示例。


1574822406010_2.gif

iPhone版《纽约时报》:当他们开始向上滚动时,人们可能会错过出现在屏幕顶部的半永久性导航栏,因为他们专注于页面的滚动。加剧的因素是导航栏的视觉效果与页面内容的区别不大。

1574822489604_1.gif

芝加哥论坛报的移动网站还使用半永久性导航栏,当人们开始向上滚动时,该导航栏会显示在页面顶部。但是,在这种情况下,条的视觉设计使其更加突出。

(我们的外围视觉负责选择运动以及阴影。当页面的“阴影”配置文件发生变化时,例如,由于在一个角上出现了一大块对比色,对我们而言,比起检测它的外观要容易得多。当同一块与页面的其余部分巧妙地融合在一起,并且不会显着改变页面的阴影轮廓时。)


变更盲目性可能会影响其他许多设计方面,例如错误消息或其他通知,结果显示得太快,或者由于这种现象而导致导航栏的更改也可能被忽略,正如我们在同一主题的配套文章中所讨论的那样。


如何防止界面设计中的更改失明

为避免变更盲目性,请分析您的设计以了解可能同时发生的,可能引起彼此注意的竞争性变更。以下是一些这样做的技术:


  • 做 一次一个变化。在上面的Aldiko示例中,搜索可以放在右上角,并且始终可见。

  • 对将在屏幕的同一区域中同时更改的所有元素进行分组,以确保动作会引起对所有元素的注意。例如,Aldiko设计的另一个简单解决方案是将搜索移动到菜单内。(但是请注意,将搜索隐藏在菜单下会严重影响其可发现性,并且仅在浏览量较大的网站上才可接受。)

  • 使用动画来发出变化的信号,但要避免在屏幕上出现过多竞争的动画,以免引起注意力的分散。

  • 使屏幕上不变的区域变暗,以引起人们对变化的注意。

  • 如果要在用户滚动时向页面添加浮动元素,则将其显示在用户关注的焦点旁边(例如,朝页面底部显示“ 返回首页”按钮),并使用与页面其余部分形成对比的颜色。


责任编辑:网络UESJ网:   UE视界网,未经授权不得转载
关键词 >> UE设计

还可以输入0个字

(审核后展示)
打开目录