編輯導(dǎo)語：回顧一下你每天早上去上班前的場景，記得你的工卡確切放在哪里？空間記憶是人類記憶的一個重要方面，空間記憶是通過反復(fù)與感興趣的對象交互來學(xué)習(xí)它們位置的能力。那為什么空間記憶對UX設(shè)計(jì)很重要？本文從空間記憶的定義出發(fā)，詳細(xì)地為我們整理了空間記憶的缺點(diǎn)、構(gòu)建方法等等，感興趣的朋友一起來看看吧。

通過反復(fù)練習(xí)，用戶會對用戶界面中的對象和內(nèi)容產(chǎn)生不精確的記憶，但仍然需要額外的視覺和文本信號來幫助他們找到特定的項(xiàng)目。

回憶事物位置的能力是人類記憶的一個重要方面。在圖形用戶界面（GUI）中，這種能力是絕對必要的，因?yàn)樗褂脩裟軌蚩焖俣ㄎ豢丶?，而無需每次都進(jìn)行費(fèi)力的視覺搜索。

視覺搜索界面中的特定對象本質(zhì)上是一個緩慢而費(fèi)力的過程，減少對它的需求于用戶效率而言是一個巨大的好處。

例如，我最近搬家了，新廚房里的東西和以前不一樣了。起初的幾個晚上，我都在找我的壓蒜機(jī)，我不記得打開包裝后把它放在哪里了。為了找到它，我不得不通過視覺搜索每個抽屜。找到壓蒜機(jī)花費(fèi)了時間，還讓我投入了大量精力。盡管良好的組織系統(tǒng)（如良好的信息架構(gòu)）有很大幫助，但仍有許多抽屜需要清理。但是，通過練習(xí)，我最終會記得壓蒜機(jī)住在哪里，只要它不從一個抽屜移到另一個抽屜！

定義：空間記憶是通過反復(fù)與感興趣的對象交互來學(xué)習(xí)它們位置的能力。在圖形用戶界面中，空間記憶允許用戶在訪問經(jīng)常使用的功能或數(shù)據(jù)時發(fā)展一定程度的自動化。

為了讓用戶能夠發(fā)展空間記憶，有兩件事是必要的：

• 穩(wěn)定的UI，東西不會移動（太多）
• 反復(fù)練習(xí)接近物體

認(rèn)知科學(xué)和人機(jī)交互方面的研究揭示了用戶會根據(jù)邊界和地標(biāo)發(fā)展空間記憶。 例如杰森·亞歷山大和他的同事在2009年進(jìn)行的研究，艾米·謝爾頓和她的同事在2001年進(jìn)行的研究。

例如，假設(shè)你在紙質(zhì)地圖上搜索一個城鎮(zhèn)，你在地圖的右下角找到了它。你把地圖放下一段時間，當(dāng)你再次拿起它時，你對這個城鎮(zhèn)的空間記憶與地圖的邊界有關(guān)。所以，你將首先從右下角開始。

大衛(wèi)·塔皮亞·圣馬丁在Unspash上的照片

地圖上的空間記憶是參照邊界來創(chuàng)建的，比如這張紙質(zhì)地圖的邊緣或穿過巴黎中部的塞納河所創(chuàng)建的邊界（在這個例子中，塞納河既是地標(biāo)，也是邊界）。

這個例子的UX收獲有兩個方面：

1. 首先，由明顯視覺邊界（如工具欄）來明確定義的控件區(qū)域，是用戶建立空間記憶的關(guān)鍵。
2. 其次，當(dāng)可視區(qū)域大小改變時（例如，因?yàn)闉g覽器窗口調(diào)整了大?。?，對象相對于外部邊界的位置應(yīng)該盡可能穩(wěn)定。

換句話說，縮放界面而非回流界面（即響應(yīng)式界面），是支持用戶空間記憶的好策略，如果你有證據(jù)表明你的用戶經(jīng)常改變窗口大小，應(yīng)該使用這種策略。

重置整個布局（例如，基于磚石布局的卡片式UI很常見）會嚴(yán)重破壞用戶重新定位對象的能力。

（但是如果你的用戶傾向于不經(jīng)常使用你的網(wǎng)站或應(yīng)用程序，或者他們總是使用單一的可視區(qū)域大小，回流可能就夠用了）。

當(dāng)瀏覽器窗口調(diào)整大小時，MacOS Finder會重新調(diào)整應(yīng)用程序文件夾，將圖標(biāo)向下推到其他行，這樣就不會有水平滾動。

因?yàn)榭臻g定位沒有保留，所以很難重新定位特定的圖標(biāo)。

然而，并非MacOS Finder中的所有文件夾都被回流。

在這個例子中，當(dāng)窗口調(diào)整大小時，空間定位會保留下來，用戶需要水平滾動才能訪問當(dāng)前可視區(qū)域之外的項(xiàng)目。

另一種方法是縮小所有圖標(biāo)，以便它們保持彼此的相對位置。當(dāng)然，這種方法會有可見性和易讀性的限制和缺點(diǎn)。

除了邊界，用戶還使用地標(biāo)來記住物體的位置。

地標(biāo)是突出的物體，因此很容易定位——比如巴黎的埃菲爾鐵塔或倫敦的倫敦眼。人們根據(jù)這些很容易找到的物體來定位自己。

在用戶界面中，用戶可能會記得一個對象靠近搜索欄或主頁上的輪播圖。雖然空間記憶的這一方面在很大程度上不受設(shè)計(jì)者的控制，但理解用戶如何視覺處理用戶界面是很重要的。

請注意，空間記憶不僅用于記住物體在屏幕上或現(xiàn)實(shí)生活中的位置，還用于在2D和3D環(huán)境中導(dǎo)航到這些物體。

后一項(xiàng)任務(wù)涉及到找到這些物體的能力，即使它們目前可能不在視野中。

例如，當(dāng)你需要在一個新城市不依靠地圖App找到回酒店的路時，空間記憶就會被用到。

在這種情況下，你可能會依靠地標(biāo)和邊界來規(guī)劃你的路線并創(chuàng)建中間目標(biāo)。

你可能會想起離酒店最近的地鐵站，并創(chuàng)建一個導(dǎo)航到它的目標(biāo)。

一旦你到了那里，你可能會利用酒店旁邊的高樓來定位自己并找到回去的路。

這不同于看著你的冰箱，記住你把蔬菜放在右下角的保鮮盒里。

哈里·霍謝瑟和他同事的一篇文章表明，人們在物理環(huán)境中導(dǎo)航和建立空間記憶的能力，與他們在網(wǎng)站導(dǎo)航的各種用戶界面（如順序菜單）上的成功之間存在關(guān)系。

這個結(jié)果是有意義的，因?yàn)楝F(xiàn)實(shí)世界的導(dǎo)航能力，和一次只顯示層次結(jié)構(gòu)一部分的順序菜單一樣，都需要記住如何訪問當(dāng)前不可見的東西。

一、空間記憶是不精確的

除了訪問次數(shù)最多的物體，空間記憶往往是模糊的：用戶不記得物體的確切位置，而是一個近似值。

空間記憶能力因用戶而異，研究表明，空間能力較高的用戶能更準(zhǔn)確地回憶起物品的具體位置，但即使在這些情況下，空間記憶也往往是“鄰里級”，而不是精確的“街道地址級”。

通過足夠的練習(xí)和重復(fù)，用戶將對少數(shù)最常訪問的物品形成準(zhǔn)確的空間記憶。

空間記憶是不精確的：對控件位置的回憶相對不準(zhǔn)確。

AutoCad功能區(qū)用戶界面的這種故意模糊的圖像，旨在表現(xiàn)近似空間記憶的“模糊”性質(zhì)，用戶回憶控件所在的“鄰里”，但不回憶具體的“街道地址”。

二、幫助用戶建立空間記憶

以下指導(dǎo)方針附帶一個警告：所有這些都需要與其他UX考慮因素相平衡，以確定在用戶的特定環(huán)境和任務(wù)中為他們選擇最佳的整體設(shè)計(jì)。

與任何UX設(shè)計(jì)一樣，需要在可學(xué)習(xí)性、效率甚至整體用戶滿意度之間權(quán)衡。

這些指南支持空間記憶，是為反復(fù)使用界面的用戶量身定制的。

在這種情況下，快速重新定位關(guān)鍵功能和內(nèi)容非常重要。對于用戶可能偶爾訪問的面向消費(fèi)者的網(wǎng)站，計(jì)算可能會改變。

1. 避免自適應(yīng)界面

自適應(yīng)界面根據(jù)預(yù)期的用戶需求重新排列用戶界面元素。

多年來已經(jīng)有了各種各樣的實(shí)驗(yàn)性自適應(yīng)界面，但是大多數(shù)都沒有很好地工作，因?yàn)樗鼈兤茐牧擞脩魳?gòu)建空間記憶的能力。

一種不會破壞空間記憶的自適應(yīng)UI，是設(shè)置了“最近使用”或“常用”區(qū)域的界面。

最常見的例子是，基于頻率的下拉列表：最常用的項(xiàng)目通常放在下拉列表的頂部。（如果使用這種方法，請?jiān)谡Ｎ恢煤皖l繁使用區(qū)域中復(fù)制項(xiàng)目）。

MS Office的字體下拉列表頂部有一個“最近使用的字體“部分。顯示在此的字體，仍會在下拉列表中的正常位置重復(fù)。

2. 使用文本標(biāo)簽和縮略圖增加顯著性

由于空間記憶相當(dāng)不精確，僅僅依靠它來查找用戶界面中的項(xiàng)目不會非常有效。由于大多數(shù)用戶記得一個對象的粗糙鄰域，他們必須在該鄰域中執(zhí)行視覺搜索來查找特定的對象。

為了加快這一過程，設(shè)計(jì)師需要提供其他補(bǔ)充的視覺或文本提示。這意味著，例如，將圖標(biāo)與文本標(biāo)簽配對，或者在文檔中包含頁面縮略圖來幫助用戶找到特定的頁面。

使視覺特征顯著，如顏色高亮或使用標(biāo)記，可以區(qū)分密集列表中的對象，但要小心防止不必要的視覺混亂（這會減慢視覺搜索）。

3. 使用廣泛、淺層的層次結(jié)構(gòu)

為空間記憶而設(shè)計(jì)，通常意味著讓整個信息空間同時可見，因此用戶會反復(fù)接觸所有項(xiàng)目及其位置。

然而，這種方法除了在屏幕空間有限的情況下不現(xiàn)實(shí)之外，還會固有地減慢視覺搜索速度——用戶必須考慮的選項(xiàng)越多，他們花費(fèi)的時間就越多。

這種權(quán)衡的典型平衡點(diǎn)，是使用內(nèi)容或控件的分層組織——如下拉導(dǎo)航菜單、色帶或手風(fēng)琴式折疊菜單。
不幸的是，層次結(jié)構(gòu)對重新定位感興趣的項(xiàng)目造成了兩個低效：

1. 它們通常涉及緩慢的機(jī)械交互，如下拉菜單；
2. 它們隱藏了信息空間的很大一部分，因此，根據(jù)人機(jī)界面的研究，如喬伊·斯卡爾和他的同事的研究，對空間記憶產(chǎn)生了負(fù)面影響。

因此，為了快速檢索您已經(jīng)瀏覽過的項(xiàng)目，一個廣泛的淺層次結(jié)構(gòu)比一個狹窄的深結(jié)構(gòu)更有效，因?yàn)樗饶芨斓卦诳臻g上回憶關(guān)鍵鏈接的位置，也能降低交互成本。

這并不是說寬泛和淺薄的層次結(jié)構(gòu)在所有情況下都天生具有優(yōu)勢，但是，對于建立空間記憶來說，淺層比深度更好。

4. 顯示信息-空間概述

大量數(shù)據(jù)很難同時展現(xiàn)在屏幕上，這迫使用戶不得不滾動屏幕瀏覽。

這種類型的信息顯示，即數(shù)據(jù)被分成幾個頁面或屏幕，阻礙了信息空間的空間記憶。

考慮添加可視化技術(shù)，如小地圖（在視頻游戲和軟件開發(fā)人員的IDE中很常見）、大型文檔的縮略圖視圖，甚至焦點(diǎn)+上下文顯示，以幫助用戶構(gòu)建信息空間的空間感。

這些可視化也有助于用戶在大量信息中來回瀏覽，例如在大型文檔中創(chuàng)建短期空間記憶地標(biāo)。

Atom.io：右側(cè)的小地圖顯示了整個信息空間，以及一個綠色高亮標(biāo)記用戶當(dāng)前正在查看的部分。

當(dāng)使用文檔概覽等技術(shù)時，放大細(xì)節(jié)頁（或返回概覽）的動畫可以建立對整體信息空間的空間感知。

事實(shí)上，貝德森和波爾特曼的一項(xiàng)研究表明，這種技術(shù)提高了用戶的空間理解能力。

蘋果在MacOS上的預(yù)覽應(yīng)用程序提供了一個空間穩(wěn)定的大文檔概述，在轉(zhuǎn)換到特定頁面時顯示放大或縮小動畫。

5. 為用戶創(chuàng)建地標(biāo)

尤其是在數(shù)據(jù)豐富、高復(fù)雜性的應(yīng)用程序中，用戶通常需要梳理大量數(shù)據(jù)，然后查看幾個選項(xiàng)。

為了支持修改，您可以創(chuàng)建被稱為“訪問磨損（有時是閱讀磨損）”的人工地標(biāo)——在內(nèi)容本身、滾動條或頁面縮略圖列表等概覽區(qū)域上的小標(biāo)記（例如，彩色點(diǎn)、顏色變化），這些標(biāo)記就像書中的折角頁面。

就像在網(wǎng)站上標(biāo)記訪問過的鏈接一樣，訪問磨損有助于用戶找到已經(jīng)訪問過的內(nèi)容。

三、小結(jié)

空間記憶對于為重復(fù)用戶建立任務(wù)效率非常重要。空間記憶通過重復(fù)使用空間穩(wěn)定的界面得到支持，并可以減少尋找關(guān)鍵特征或內(nèi)容的認(rèn)知工作量。

然而，由于空間記憶往往不精確，需要通過使用其他顯著的視覺線索和人工地標(biāo)、整個信息空間的概述以及使用廣泛而淺薄的信息層次來幫助用戶。

另一方面，從用戶的角度來看，因?yàn)榭臻g內(nèi)存（以及隱含的任務(wù)性能）在一次可以看到更多項(xiàng)目時會有所提高，如果您想最大限度地提高生產(chǎn)率，就值得購買您能負(fù)擔(dān)得起的最大顯示器。

原文鏈接：https://www.nngroup.com/articles/spatial-memory/

本文由 @HitomiBot 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 pexels，基于CC0協(xié)議。