1、編輯導(dǎo)語(yǔ)：空間記憶是人們記憶目標(biāo)對(duì)象位置的能力，在產(chǎn)品設(shè)計(jì)中，空間記憶可以幫助用戶快速進(jìn)行快速定位，提升用戶效率，進(jìn)而優(yōu)化用戶體驗(yàn)。本篇文章里，作者介紹了空間記憶、以及如何利用空間記憶設(shè)計(jì)用戶界面、提升用戶體驗(yàn)的方法要點(diǎn)，一起來(lái)看一下。記憶事物位置的能力是人類記憶的一個(gè)重要方面。在圖形用戶界面（graphical user interfaces中，它可以幫助用戶快速定位，無(wú)需每次都進(jìn)行費(fèi)力的視覺(jué)搜索。更加直觀地去搜索特定對(duì)象，本質(zhì)上是一個(gè)緩慢的過(guò)程，減少這種需求可以給用戶效率提升帶來(lái)巨大好處?？臻g記憶是通過(guò)反復(fù)與目標(biāo)對(duì)象互動(dòng)來(lái)記憶它們位置的能力。在 GUI 中，空間內(nèi)存允許用戶在訪問(wèn)常用功能或

2、數(shù)據(jù)時(shí)發(fā)展一定程度的自動(dòng)化。為了讓用戶能夠開(kāi)發(fā)空間內(nèi)存，需要做到兩件事：認(rèn)知科學(xué)和人機(jī)交互方面的研究表明，用戶會(huì)根據(jù)邊界和地標(biāo)來(lái)開(kāi)發(fā)空間記憶。想象一下，要從紙質(zhì)地圖中找到一個(gè)城鎮(zhèn)，然后你在地圖右下角的某個(gè)位置找到了它。把地圖放下一會(huì)兒，再次拿起時(shí)，你對(duì)城鎮(zhèn)的空間記憶會(huì)與地圖的邊界相關(guān)。因此，你將會(huì)首先查看地圖右下角的位置。（大衛(wèi) 塔皮亞 圣馬丁在Unsplash上拍攝）地圖上的空間記憶是參照邊界創(chuàng)建的，例如這張紙質(zhì)地圖的邊緣或貫穿巴黎中部的塞納河創(chuàng)造的邊界，本例中塞納河既是地標(biāo)又是邊界。這個(gè)例子的用戶體驗(yàn)是雙重的。首先，具有明顯視覺(jué)邊界明確定義的控件區(qū)域（如工具欄）是用戶構(gòu)建空間內(nèi)存的關(guān)鍵。其

3、次，當(dāng)視口大小發(fā)生變化（例如，因?yàn)闉g覽器窗口的大小被調(diào)整），對(duì)象應(yīng)該相對(duì)于外部邊界的位置盡可能穩(wěn)定。MacOS Finder s Application文件夾的兩張圖像左邊是寬的文件夾版本，右邊是同一文件夾的調(diào)整大小視圖，水平縮小。當(dāng)瀏覽器窗口調(diào)整大小時(shí)，MacO“S 訪達(dá)”會(huì)重新流化應(yīng)用程序文件夾，將圖標(biāo)向下推到其他行，這樣就不會(huì)有水平滾動(dòng)。由于空間定位不保留，因此很難遷移特定圖標(biāo)。然而，并非所有MacO“S 訪達(dá)” 中的文件夾都重新流化了。在本示例中，當(dāng)窗口調(diào)整大小時(shí)，空間定位將保留，用戶需要水平滾動(dòng)才能訪問(wèn)當(dāng)前視口以外的項(xiàng)目。另一種方法是縮小所有圖標(biāo)，以便它們保持彼此的相對(duì)位置。當(dāng)然，這

4、種方法將有可見(jiàn)度和可讀性限制的缺點(diǎn)。除了邊界，用戶還可以使用地標(biāo)來(lái)記住物體的位置。地標(biāo)是突出的物體，因此易于定位 例如巴黎埃菲爾鐵塔或倫敦的倫敦眼。人們根據(jù)這些容易找到的物體來(lái)定位自己。除了訪問(wèn)量最大的對(duì)象外，空間記憶往往是模糊的：用戶不記得對(duì)象的確切位置，而是近似值。空間記憶能力因用戶而異，因?yàn)檠芯勘砻鳎臻g能力較高的用戶更能準(zhǔn)確地回憶物品的具體位置，但即使在這些情況下，空間記憶也往往是 “鄰里級(jí) ”，而不是 “街道地址級(jí)別 ” 。最終，通過(guò)足夠的排練和重復(fù)，用戶將開(kāi)發(fā)出對(duì)少數(shù)、最常訪問(wèn)的項(xiàng)目的準(zhǔn)確空間記憶。故意模糊的 AutoCAD 色帶用戶界面圖像是不是某些經(jīng)常使用的功能也似乎記不起來(lái)了

5、 ?所有準(zhǔn)則都需要與其他UX 考慮因素保持平衡，以確定用戶在特定情況下和任務(wù)中的最佳整體設(shè)計(jì)選擇。與任何用戶體驗(yàn)設(shè)計(jì)一樣，可學(xué)習(xí)性、效率甚至整體用戶滿意度之間也有權(quán)衡。這些原則支持空間內(nèi)存，并專為反復(fù)使用接口的用戶量身定制。在這種情況下，快速遷移關(guān)鍵功能和內(nèi)容很重要。自適應(yīng)接口根據(jù)預(yù)期的用戶需求重新排列用戶界面元素。多年來(lái)，實(shí)驗(yàn)性自適應(yīng)接口種類繁多，但大多數(shù)都運(yùn)行不善，因?yàn)樗鼈兤茐牧擞脩魳?gòu)建空間內(nèi)存的能力。一種不會(huì)破壞空間內(nèi)存的自適應(yīng)用戶界面是具有常見(jiàn)或最近使用項(xiàng)目的專用區(qū)域的接口。最常見(jiàn)的例子是基于頻率的下拉：最常用的項(xiàng)目通常放在下拉列表的頂部。MS Office 的字體下拉菜單頂部有一個(gè)

6、“最近使用的字體”部分。在最近一節(jié)中顯示的字體在下拉菜單中的正常位置重復(fù)。由于空間記憶相當(dāng)不準(zhǔn)確，僅依靠它查找用戶界面中的項(xiàng)目會(huì)效率低下。大多數(shù)用戶記得對(duì)象的粗略鄰域，他們必須在該鄰域中執(zhí)行可視化搜索才能找到特定對(duì)象。為了加快這個(gè)過(guò)程，設(shè)計(jì)師需要提供其他補(bǔ)充視覺(jué)或文本線索。這意味著，例如，將圖標(biāo)與文本標(biāo)簽配對(duì)，或在文檔中包含頁(yè)面縮略圖，以幫助用戶找到特定頁(yè)面。視覺(jué)突出的功能，如顏色高亮顯示或徽章，可以區(qū)分密集列表中的對(duì)象，但要謹(jǐn)慎行事，以防止不必要的視覺(jué)混亂。空間記憶設(shè)計(jì)通常意味著使整個(gè)信息空間同時(shí)可見(jiàn)，因此用戶會(huì)反復(fù)查看到所有項(xiàng)目及其位置。然而，這種方法除了在屏幕尺寸巨大的顯示屏上可以實(shí)現(xiàn)外

7、，本質(zhì)上減慢了視覺(jué)搜索的速度 用戶用在思考方面的選項(xiàng)越多，他們花的時(shí)間就越多。這種權(quán)衡的典型平衡點(diǎn)是使用內(nèi)容或控件的分層組織 如下拉導(dǎo)航菜單、色帶或手風(fēng)琴。大量數(shù)據(jù)不適合在屏幕上讓用戶操作鼠標(biāo)滾動(dòng)顯示。這種類型的信息顯示，即數(shù)據(jù)被分割在幾頁(yè)屏幕上，阻礙了信息空間的空間記憶建立?？紤]添加可視化技術(shù)，如迷你地圖（在視頻游戲和軟件開(kāi)發(fā)人員的 IDE 中 很常見(jiàn)），大型文檔的縮略圖視圖，甚至焦點(diǎn) +上下文顯示，以幫助用戶建立信 息空間的空間感。當(dāng)用戶需要來(lái)回瀏覽大量信息時(shí)，這些可視化標(biāo)志也會(huì)通過(guò)在大型文檔中創(chuàng)建短期空間記憶地標(biāo)來(lái)提供幫助。一個(gè) IDE 代碼編輯器，帶有一個(gè)小地圖，顯示縮小整個(gè)信息空間的

8、微小概述右側(cè)的迷你地圖顯示整個(gè)信息空間，以及標(biāo)記用戶當(dāng)前查看部分的綠色高亮顯示。當(dāng)使用文檔概述等技術(shù)時(shí)，放大詳細(xì)信息頁(yè)面（或返回概述）的動(dòng)畫(huà)可以建立對(duì)整體信息空間的空間感知。蘋(píng)果預(yù)覽 PDF 查看器，顯示文檔中所有頁(yè)面的一系列縮略圖蘋(píng)果在MacOS上的預(yù)覽應(yīng)用程序提供了大型文檔的空間穩(wěn)定概述，當(dāng)過(guò)渡 到特定頁(yè)面時(shí)，它會(huì)顯示放大或放大動(dòng)畫(huà)。在數(shù)據(jù)豐富、高復(fù)雜的應(yīng)用中，用戶往往需要梳理海量數(shù)據(jù)，然后回顧選 項(xiàng)。為了支持重訪，可以在內(nèi)容本身或滾動(dòng)條或頁(yè)面縮略圖列表等概覽區(qū)域創(chuàng) 建人工地標(biāo)小標(biāo)記（例如彩色點(diǎn)、顏色變化）。這些標(biāo)記就像在網(wǎng)站上標(biāo)記訪問(wèn)過(guò)的鏈接一樣，可以幫助用戶找到已經(jīng)訪問(wèn)過(guò)的內(nèi)容。空間記憶對(duì)于為用戶重復(fù)建立任務(wù)效率提升來(lái)說(shuō)十分重要?？臻g記憶通過(guò) 反復(fù)使用空間穩(wěn)定的界面得到加強(qiáng)，并可以減少尋找關(guān)鍵特征或內(nèi)容所需的認(rèn) 知工作量。然而，由于空間記憶往