滚动条颜色怎么调深(空间记忆:为什么它对UX设计很重要)

编者指南:每天早上上班前回顾一下现场,记住工作卡的确切位置?空间记忆是人类记忆的一个重要方面。空间记忆是通过与感兴趣的物体反复互动来了解其位置的能力。那么,为什么空间内存对用户体验设计很重要呢?本文从空间记忆的定义出发,详细阐述了空间记忆的不足和构建方法。让我们和感兴趣的朋友一起看看。

通过反复练习,用户将对用户界面中的对象和内容有不精确的记忆,但他们仍然需要额外的视觉和文本信号来帮助他们找到特定的项目。

回忆事物位置的能力是人类记忆的一个重要方面。在图形用户界面(GUI)中,这种功能是绝对必要的,因为它使用户能够快速定位控件,而无需每次执行费力的视觉搜索。

视觉搜索界面中的特定对象本质上是一个缓慢而费力的过程。减少对it的需求对提高用户效率有很大好处。

例如,我最近搬家了,新厨房里的东西和以前不一样。头几个晚上,我在找我的大蒜榨汁机。我不记得打开包装后把它放在哪里了。为了找到它,我必须用视觉搜索每个抽屉。我花了很多时间和精力才找到大蒜压榨机。虽然一个好的组织体系(比如一个好的信息架构)非常有用,但仍有许多需要清理的地方。然而,通过练习,我最终会记住大蒜压榨机的位置,只要它不会从一个抽屉移到另一个抽屉!

定义:空间记忆是通过与感兴趣的物体反复互动来了解其位置的能力。在图形用户界面中,空间内存允许用户在访问常用功能或数据时实现一定程度的自动化。

为了让用户发展空间记忆,有两件事是必要的:

认知科学和人机交互的研究表明,用户会边界地标发展空间记忆。例如,杰森·亚历山大和他的同事停留这项研究于2009年进行,由艾米·谢尔顿及其同事于2001年进行。

例如,假设您在纸质地图上搜索一个城镇,并在地图的右下角找到它。你把地图放下一段时间。当你再次拿起它时,你对城镇的空间记忆与地图的边界有关。从右下角开始。

大卫、塔皮亚和圣马丁的照片

地图上的空间记忆是通过参考边界来创建的,例如纸质地图的边缘或通过穿越巴黎市中心塞纳河创建的边界(在本例中,塞纳河既是地标也是边界)。

本例的UX收获有两个方面:

  1. 首先,由明显的视觉边界(如工具栏)清晰定义的控制区域是用户建立空间记忆的关键。
  2. 其次,当可见区域的大小发生变化时(例如,因为浏览器窗口已调整大小),对象相对于外部边界的位置应尽可能稳定。

换句话说,扩展接口而不是回流接口(即响应接口)是支持用户空间内存的一个好策略。如果你有证据表明你的用户经常改变窗口大小,你应该使用这种策略。

重置整个布局(例如,基于砖石的卡片UI很常见)会严重削弱用户重新定位对象的能力。

(但如果你的用户倾向于不经常使用你的网站或应用程序,或者他们总是使用单一的查看区域大小,回流可能就足够了)。

调整浏览器窗口的大小后,MacOSfinder会重新调整应用程序文件夹,并将图标向下推到其他行,以避免水平滚动。

由于没有保留空间定位,因此很难重新定位特定图标。

然而,并不是MacOSfinder中的所有文件夹都会回流。

在本例中,调整窗口大小时,空间定位将保留,用户需要水平滚动以访问当前查看区域之外的项目。

另一种方法是缩小所有图标,使它们保持相对位置。当然,这种方法在可见性和可读性方面有局限性和缺点。

除了边界,用户还使用地标来记住物体的位置。

地标是突出的物体,因此很容易定位,比如巴黎的埃菲尔铁塔或伦敦的伦敦眼。人们根据这些容易找到的物体来定位自己。

在用户界面中,用户可能记得某个对象靠近搜索栏或主页上的旋转贴图。虽然空间记忆的这一方面在很大程度上超出了设计师的控制范围,但理解用户如何以视觉方式处理用户界面是很重要的。

请注意,空间内存不仅用于记住屏幕上或现实生活中对象的位置,还用于在二维和三维环境中导航到它们。

后一项任务涉及找到这些物体的能力,即使它们目前可能不在视野中。

例如,当您需要在不依赖地图应用程序的情况下找到返回新城市酒店的路时,将使用空间内存。

在这种情况下,您可以依靠地标和边界来规划路线和创建中间目标。

你可能会想到离酒店最近的地铁站,并创建一个导航目标。

一旦你到了那里,你可以使用酒店旁边的高楼来确定自己的位置并找到回去的路。

这不同于看着冰箱,记得把蔬菜放在右下角的保鲜盒里。

哈里·霍谢瑟(NicholasTse)及其同事的一篇文章表明,人们在物理环境中导航和建立空间记忆的能力与他们在网站导航的各种用户界面(如顺序菜单)中的成功之间存在关系。

这个结果是有意义的,因为现实世界中的导航功能,比如一次只显示部分层次结构的顺序菜单,需要记住如何访问当前不可见的内容。

1、空间记忆是不精确的

除了访问次数最多的对象外,空间记忆通常是模糊的:用户不记得对象的确切位置,而是一个近似值。

空间记忆能力因用户而异。研究表明,具有较高空间能力的用户可以更准确地回忆项目的具体位置,但即使在这些情况下,空间记忆通常是“邻里级”而不是“街道地址级”。

采用足够的练习和重复,用户会对其中几个感兴趣经常访问的项目形成了精确的空间记忆。

空间记忆不精确:对控件位置的回忆相对不精确。

AutoCAD功能区用户界面故意模糊的图像旨在显示近似空间内存的“模糊”性质。用户回忆控件所在的“社区”,但不回忆具体的“街道地址”。

2、帮助用户建立空间记忆

以下指南附带了一个警告:所有这些都需要与其他UX考虑因素相平衡,以确定用户在特定环境和任务中的最佳总体设计。

与任何用户体验设计一样,在可学习性、效率甚至总体用户满意度之间存在权衡。

这些指导方针支持空间记忆,它是为反复使用该界面的用户量身定制的。

在这种情况下,快速重新定位关键功能和内容非常重要。对于用户偶尔访问的面向消费者的网站,计算可能会发生变化。

1.避免自适应接口

自适应界面根据预期的用户需求重新排列用户界面元素。

多年来,已经有了各种实验性的自适应接口,但大多数都不能很好地工作,因为它们破坏了用户建立空间记忆的能力。

不破坏空间内存的自适应UI是一个设置“最近使用”或“经常使用”区域的界面。

最常见的例子是基于频率的下拉列表:最常用的项目通常放在下拉列表的顶部。(如果使用此方法,请在正常位置和常用区域复制项目)。

在MSoffice的字体下拉列表顶部有一个“最近使用的字体”部分。此处显示的字体仍将在下拉列表中的正常位置重复。

2.使用文本标签和缩略图来增加重要性

因为空间内存非常不精确,所以仅仅依靠它在用户界面中查找项目不是很有效。由于大多数用户都记得对象的大致邻域,因此他们必须在该邻域中执行视觉搜索以找到特定对象。

为了加快这一过程,设计师需要提供额外的视觉或文本线索。例如,这意味着将图标与文本标签配对,或在文档中包含页面缩略图,以帮助用户找到特定页面。

突出视觉特征,如颜色高亮或使用标记,可以区分密集列表中的对象,但要小心避免不必要的视觉混淆(这会减慢视觉搜索)。

3.应用广泛,层次结构较浅

设计空间记忆通常意味着让整个信息空间同时可见,因此用户会反复触摸所有项目及其位置。

然而,除了对有限的屏幕空间不现实,这种方法固有地减慢视觉搜索-用户必须考虑的更多选项,他们花费的时间越多。

这种权衡的一个典型平衡是使用内容或控件的分层组织,例如下拉导航菜单、色带或手风琴折叠菜单。不幸的是,层级结构在重新定位感兴趣的项目时造成了两个低效:

  1. 它们通常涉及缓慢的机械交互,例如下拉菜单;
  2. 它们隐藏了大部分信息空间。因此,根据人机界面的研究,如乔伊·斯卡尔及其同事的研究,它们对空间记忆有负面影响。

因此,为了快速检索您浏览过的项目,广泛的浅层结构比狭窄的深层结构更有效,因为它不仅可以更快地回忆空间中关键链接的位置,而且还可以降低交互成本。

这并不是说宽层次和浅层次在所有情况下都具有先天优势,但在构建空间记忆方面,浅层次比深度更好。

4.展示空间-概述

很难同时在屏幕上显示大量数据,这会迫使用户在屏幕上滚动。

这种类型的信息显示,即将数据分为多个页面或屏幕,这阻碍了信息空间的空间存储。

考虑添加可视化技术,例如小地图(在视频游戏和软件开发者IDE中常见)、大文档的缩略图视图,甚至焦点+上下文显示,以帮助用户在信息空间中建立空间感。

这些可视化还可以帮助用户在大量信息中来回导航,比如在大型文档中创建短期空间记忆地标。

原子高亮:右边显示了当前用户地图的一小部分。

当使用文档概述等技术时,放大细节页面(或返回概述)的动画可以建立对整个信息空间的空间感知。

事实上,贝德森和波尔特曼的一项研究表明,这种技术提高了用户的空间理解能力。

苹果在MacOS上的预览应用程序提供了一个空间稳定的大型文档概览,在切换到特定页面时显示放大或缩小动画。

5.为用户创建地标

尤其是在数据丰富且复杂度高的应用程序中,用户通常需要对大量数据进行排序,然后查看多个选项。

要支持修改,可以创建“叫”用于访问磨损(有时是阅读磨损)的手动标记——概述区域上的小标记(例如,色点、颜色变化),例如内容本身、滚动条或页面缩略图列表,它们类似于书中的角页。

就像在网站上标记访问过的链接一样,access可以帮助用户找到他们访问过的内容。

3、摘要

空间记忆对于建立重复用户的任务效率非常重要。空间记忆是通过重用空间稳定的界面来支持的,可以减少寻找关键特征或内容的认知工作量。

然而,由于空间记忆通常是不准确的,因此有必要通过使用其他重要的视觉线索和人工地标、对整个信息空间的概述以及广泛而浅层次的信息来帮助用户。

另一方面,从用户的角度来看,因为当你能同时看到更多项目时,空间记忆(和隐式任务性能)会得到改善,所以如果你想最大限度地提高生产率,就值得购买你能负担得起的最大显示器。

原始链接:https://www.nngroup.com/articles/spatial-memory/

本文由@hitomibot翻译出版。每个人都是产品经理。未经作者许可,禁止转载。

图片来自pexels,基于cc0协议。

滚动条颜色

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友