【NN/g译文】空间记忆Spatial Memory

知识补充111

空间记忆:(Spatial memory)是用于表征外界环境地理位置或者方向的一种记忆, 比如一个出租车司机对于城市道路的记忆,又或者大鼠在迷宫中找食物,对迷宫各个 位置的记忆。

原文标题截图

摘要:在UI设计中,通过反复练习,可以培养出用户对某个物体或内容的模糊记忆,但仍需其他的视觉或文本符号来帮助用户精准记忆。

原作者:Page Laubheimer    发布时间:2020-10-11

原文章:Spatial Memory: Why It Matters for UX Design

人脑记忆有一项重要的能力就是记住物品所在的位置。在UI设计中这项能力尤为重要,它可以让用户快速定位某控件,避免每次都费力的通过视觉搜索。视觉搜索是一个缓慢又费力的过程,减少视觉搜索可提高用户的效率。

举个例子,我最近搬了一次家,厨房的东西和原来放置的位置不太一样。前几天晚上,我想找一下捣蒜器但是我不记得我拆箱时把它放哪儿了。我不得不把每个抽屉都翻了一遍。找捣蒜器花了我不少的时间和精力。

一个好的结构系统(比如信息结构系统)能起到很大作用,但有时仍需要大量的地毯式搜索。不过,随着越来越熟悉,我还是会记住捣蒜器放在哪里,只要它不要从这个抽屉又换到另一个抽屉了。

定义:空间记忆指的是通过不断与物体交互然后记住物体位置的能力。在UI中,空间记忆可以帮助在访问一些频繁使用的功能或数据时,提高自动化程度。

为了培养用户的空间记忆,有两点比较重要:

1、固定的UI界面布局,不要频繁变化;

2、通过重复让用户熟悉路径

认知科学和人机交互方面的研究都表明,用户会根据边界地标来形成空间记忆。

举个例子,想象你在一张纸质版地图上寻找一个小镇,你发现它刚好在地图的右下角。一段时间后你再拿起地图,你对这个小镇的空间记忆是地图的边界处,所以你会从地图的右下角开始寻找定位。

地图上的空间记忆和边界有关,比如纸质地图的边框,或横穿巴黎的塞纳河形成的分割线(在该案例中塞纳河既充当了地标又充当了边界)

在这个示例中,用户体验设计有两点。首先明显的视觉控件(比如工具栏)是用户建立控件记忆的关键要素。第二,当视图尺寸改变时(比如调整了浏览器的大小),对象在空间上的位置相对于外部边框来说应尽可能固定。也就是说,如果有证据表明用户会频繁改变窗口大小,缩放窗口大小而不重新排列对象的顺序将有利于用户的空间记忆。对整个布局重新的排序会非常考验用户重新定位物体的能力(以常见的卡片的自动布局为例)。

(如果用户不经常使用你们的网站或APP,是可以使用重新布局的)

Mac系统的应用程序页面在窗口尺寸改变时会重新排序,应用图标会被挤到下一行这样就不会出现横向的滚动条。因为没有空间定位功能,所以很难重新定位某个图标。
但并不是Mac系统的所有页面都会重新排序。在上面这个示例中,窗口大小调整时空间定位功能被保留了,用户需要通过横向的滚动条才能看到视图以外的图标。还有一种解决方法就是缩小所有的图标来保留之前的相对定位,当然,这种方法会有可见性和可读性的不足。

除了边界,用户还会使用地标帮助他们记住物体的位置。地标是一些显眼又特别的食物,可以很容易的定位——比如巴黎的埃菲尔铁塔或者伦敦的伦敦眼。人们会用这些易于找到的物体来定位。

在UI中用户可能更容易记住一些例如靠近搜索栏或者是首页轮播图的东西。因为设计师很难控制用户的空间记忆,所以了解用户在视觉上是如何与节目进行交互的就非常重要了。

需要注意下,空间记忆不仅在电子屏幕或生活中用于记住物体的位置,同时也运用于2D或3D环境的导航中。在2D或3D的场景中需要对物体的想象力,因为物体可能还不在视野范围内。例如,当你在一个陌生的城市寻找回旅馆的路时,不使用手机,你就会用到空间记忆了。在这种情况下,你会用一些标志性建筑或分界线来规划路线并且形成一些目标地点。你可能记住最靠近旅馆的地铁站,然后先导航到地铁站。到了地铁站后,你可能用旅馆旁边的一座高的建筑来确定方向,之后你就找到路了。这和你在冰箱寻找食物,你记住蔬菜是放在薯片下面是不同的思路。

Harry Hocheiser和他的同事的发现,人们在物理环境中的方向感和建立空间记忆的能力与他们在网上各种界面间成功导航的能力之间存在联系。这个结论非常有意义,现实生活中的导航能力和网上只展示一部分层级结构的菜单都需要用户记住如何访问到那些当前不可见的内容的路径。

空间记忆不精确

除了一些频繁访问的对象之外,空间记忆是模糊的:用户不记得对象的确切位置,只记得一个大概。空间记忆能力因人而异,有研究表明,具有较高空间能力的人可以更准确的忆起某特定事物的位置,但是即使这样,空间记忆页只是“附近级别”,而不是“详细地址级别”。最终,通过足够的练习和重复,用户会对少数几个最常访问对象产生精准的空间记忆力。

空间记忆不是精准的:对控件位置的记忆也不准确。AutoCad工具区的模糊的界面图,就是为了模拟空间记忆的“模糊性”,用户记住的是控件所在的附近位置,而不是特定的详细位置。

帮用户建立空间记忆

需要注意:所有的原则都需要与其它UX原则进行权衡,以便在特定情况或完成任务时综合考虑作出选择。在UX设计中,需要在学习成本、效率甚至用户满意度之间做权衡。

这些准则针对空间记忆,适用于频繁使用产品的用户。在这种情况下,快速重定位关键的特征和内容非常重要。对于那些用户偶尔访问的网站,计算方式可能会改变。

1、尽量避免使用自适应窗口

自适应界面会根据预期的用户需求重新排列UI元素。近年来,已有各种各样的实验性自适应界面,但是大多数界面都无法令人满意,因为它们破坏了用户建立空间记忆的能力。

有一种不破坏用户空间记忆的自适应界面设计的案例,设立一个专门的区域给频繁使用或者最近使用的元素。最常见的案例就是下拉列表中基于频率的设计:通常在下拉列表的顶部是频繁使用项。基于使用频率的元素排列比常规的界面设计更有效。(如过使用这种设计,最近使用的位置和原位置都需要有这些元素)

MS Office的字体选择下拉框顶部有最近使用字体选项。顶部最近使用字体在原下拉列表中的位置同样存在。

2、使用文本图标或缩略图来更明显

由于空间记忆不够精准,所以仅靠空间记忆来定位界面上的元素效率不会很高。因为大多数用户只会记住元素的周边区域,在这些区域内需要通过视觉搜索来找到某个特定元素。为了提高效率,设计师需要提供其他的文案或视觉上的线索。譬如,使用与文本相对应的图标或者在文件中使用缩略图的方式帮助用户找到特定的页面。视觉上使用显眼的标志如颜色上的高亮或徽标,在一些密集的列表中可以区分不同的物体的同时,也会造成视觉上的杂乱,可能影响视觉搜索。

3、使用广而浅的层级结构

空间记忆的设计通常意味着同时对全局信息的了解,所以用户会反复了解所有元素以及它们的位置。但是当屏幕尺寸有限制时,这种设计不但不现实,也会降低视觉搜索的效率——用户需要查看的选项越多,花费的时间也就越多。权衡的方法就是使用内容与控件的分层结构——例如下拉导航、手风琴设计和功能区域设计。

但是,结构化的设计会造成重新定位目标时出现2种低效:(1)通常使用繁琐的机械化的交互,比如下拉菜单;(2)隐藏了信息结构中的重要内容。因此,根据HCI的研究,结构化的设计会对空间记忆产生负面影响。所以,为了快速找到你想要的元素,使用宽而浅的层级结构要比窄而深的层级结构更高效,因为它不但可以在空间上快速定位,也可以降低交互成本。但并不是说,宽而浅的层级结构就总是极好的,但是对于建立空间记忆来说,结构整体的呼吸感要比深度更重要。

4、展示信息结构的缩略图

屏幕很难容下很多的数据,这时候用户就不得不滚动屏幕了。这种情况下信息就要分屏或分页 展示了,这样就会影响信息结构在空间记忆的存储。

使用可视化技术比如迷你地图(通常在游戏和IDE软件中使用)、大型文档的缩略图、重点与内容相结合的展示,能够帮助用户建立信息结构的空间感。可视化设计还可以为那些需要来回浏览大量信息的用户提供帮助,比如,在大型文件中使用短路径的空间记忆标志。

Atom.io:右侧的迷你地图展示了整个信息结构,同时用绿色高亮标记出当前用户正在浏览的内容

在使用例如文档缩略图一类的技术时,放大为详情页(或退回到缩略图)的动效能帮助用户在预览信息时建立空间意识。研究表明,这类技术提高了用户的空间理解力。

Mac系统的预览程序为大型文件提供了稳定的预览效果,当切换到某一指定页面时会有放大或缩小的动画

5、给用户创建地标

尤其是在一些数据很多、交互复杂的应用程序,用户会在海量数据中搜索查,并且查看一些选项。为了支持重新预览,你可以创建一些访问痕迹类的标记(小标记,如一些颜色点或者颜色变化),这些就像网站上访问过的链接一样,访问痕迹可以帮助用户找到已经看过的内容。

总结

空间记忆对于频繁使用某功能的用户来说是很高效的。频繁使用某个稳定不变的UI界面可以增强用户的空间记忆,并且可降低寻找关键特性或内容所需的认知能力。但是,因为空间记忆拥有不精确的特点,设计师可以结合使用显眼的视觉提示或显著地标、空间整体的缩略图、宽而浅的信息层级结构。

此外,从用户角度出发,因为如果同时可以看到更多元素可以提高空间记忆力,如果你想更高效的话可以换更大的浏览设备。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,125评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,293评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,054评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,077评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,096评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,062评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,988评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,817评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,266评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,486评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,646评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,375评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,974评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,621评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,642评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,538评论 2 352

推荐阅读更多精彩内容