空間記憶:為什么它對UX設計很重要
編輯導語:回顧一下你每天早上去上班前的場景,記得你的工卡確切放在哪里?空間記憶是人類記憶的一個重要方面,空間記憶是通過反復與感興趣的對象交互來學習它們位置的能力。那為什么空間記憶對UX設計很重要?本文從空間記憶的定義出發(fā),詳細地為我們整理了空間記憶的缺點、構建方法等等,感興趣的朋友一起來看看吧。
通過反復練習,用戶會對用戶界面中的對象和內容產(chǎn)生不精確的記憶,但仍然需要額外的視覺和文本信號來幫助他們找到特定的項目。
回憶事物位置的能力是人類記憶的一個重要方面。在圖形用戶界面(GUI)中,這種能力是絕對必要的,因為它使用戶能夠快速定位控件,而無需每次都進行費力的視覺搜索。
視覺搜索界面中的特定對象本質上是一個緩慢而費力的過程,減少對它的需求于用戶效率而言是一個巨大的好處。
例如,我最近搬家了,新廚房里的東西和以前不一樣了。起初的幾個晚上,我都在找我的壓蒜機,我不記得打開包裝后把它放在哪里了。為了找到它,我不得不通過視覺搜索每個抽屜。找到壓蒜機花費了時間,還讓我投入了大量精力。盡管良好的組織系統(tǒng)(如良好的信息架構)有很大幫助,但仍有許多抽屜需要清理。但是,通過練習,我最終會記得壓蒜機住在哪里,只要它不從一個抽屜移到另一個抽屜!
定義:空間記憶是通過反復與感興趣的對象交互來學習它們位置的能力。在圖形用戶界面中,空間記憶允許用戶在訪問經(jīng)常使用的功能或數(shù)據(jù)時發(fā)展一定程度的自動化。
為了讓用戶能夠發(fā)展空間記憶,有兩件事是必要的:
- 穩(wěn)定的UI,東西不會移動(太多)
- 反復練習接近物體
認知科學和人機交互方面的研究揭示了用戶會根據(jù)邊界和地標發(fā)展空間記憶。 例如杰森·亞歷山大和他的同事在2009年進行的研究,艾米·謝爾頓和她的同事在2001年進行的研究。
例如,假設你在紙質地圖上搜索一個城鎮(zhèn),你在地圖的右下角找到了它。你把地圖放下一段時間,當你再次拿起它時,你對這個城鎮(zhèn)的空間記憶與地圖的邊界有關。所以,你將首先從右下角開始。
大衛(wèi)·塔皮亞·圣馬丁在Unspash上的照片
地圖上的空間記憶是參照邊界來創(chuàng)建的,比如這張紙質地圖的邊緣或穿過巴黎中部的塞納河所創(chuàng)建的邊界(在這個例子中,塞納河既是地標,也是邊界)。
這個例子的UX收獲有兩個方面:
- 首先,由明顯視覺邊界(如工具欄)來明確定義的控件區(qū)域,是用戶建立空間記憶的關鍵。
- 其次,當可視區(qū)域大小改變時(例如,因為瀏覽器窗口調整了大?。?,對象相對于外部邊界的位置應該盡可能穩(wěn)定。
換句話說,縮放界面而非回流界面(即響應式界面),是支持用戶空間記憶的好策略,如果你有證據(jù)表明你的用戶經(jīng)常改變窗口大小,應該使用這種策略。
重置整個布局(例如,基于磚石布局的卡片式UI很常見)會嚴重破壞用戶重新定位對象的能力。
(但是如果你的用戶傾向于不經(jīng)常使用你的網(wǎng)站或應用程序,或者他們總是使用單一的可視區(qū)域大小,回流可能就夠用了)。
當瀏覽器窗口調整大小時,MacOS Finder會重新調整應用程序文件夾,將圖標向下推到其他行,這樣就不會有水平滾動。
因為空間定位沒有保留,所以很難重新定位特定的圖標。
然而,并非MacOS Finder中的所有文件夾都被回流。
在這個例子中,當窗口調整大小時,空間定位會保留下來,用戶需要水平滾動才能訪問當前可視區(qū)域之外的項目。
另一種方法是縮小所有圖標,以便它們保持彼此的相對位置。當然,這種方法會有可見性和易讀性的限制和缺點。
除了邊界,用戶還使用地標來記住物體的位置。
地標是突出的物體,因此很容易定位——比如巴黎的埃菲爾鐵塔或倫敦的倫敦眼。人們根據(jù)這些很容易找到的物體來定位自己。
在用戶界面中,用戶可能會記得一個對象靠近搜索欄或主頁上的輪播圖。雖然空間記憶的這一方面在很大程度上不受設計者的控制,但理解用戶如何視覺處理用戶界面是很重要的。
請注意,空間記憶不僅用于記住物體在屏幕上或現(xiàn)實生活中的位置,還用于在2D和3D環(huán)境中導航到這些物體。
后一項任務涉及到找到這些物體的能力,即使它們目前可能不在視野中。
例如,當你需要在一個新城市不依靠地圖App找到回酒店的路時,空間記憶就會被用到。
在這種情況下,你可能會依靠地標和邊界來規(guī)劃你的路線并創(chuàng)建中間目標。
你可能會想起離酒店最近的地鐵站,并創(chuàng)建一個導航到它的目標。
一旦你到了那里,你可能會利用酒店旁邊的高樓來定位自己并找到回去的路。
這不同于看著你的冰箱,記住你把蔬菜放在右下角的保鮮盒里。
哈里·霍謝瑟和他同事的一篇文章表明,人們在物理環(huán)境中導航和建立空間記憶的能力,與他們在網(wǎng)站導航的各種用戶界面(如順序菜單)上的成功之間存在關系。
這個結果是有意義的,因為現(xiàn)實世界的導航能力,和一次只顯示層次結構一部分的順序菜單一樣,都需要記住如何訪問當前不可見的東西。
一、空間記憶是不精確的
除了訪問次數(shù)最多的物體,空間記憶往往是模糊的:用戶不記得物體的確切位置,而是一個近似值。
空間記憶能力因用戶而異,研究表明,空間能力較高的用戶能更準確地回憶起物品的具體位置,但即使在這些情況下,空間記憶也往往是“鄰里級”,而不是精確的“街道地址級”。
通過足夠的練習和重復,用戶將對少數(shù)最常訪問的物品形成準確的空間記憶。
空間記憶是不精確的:對控件位置的回憶相對不準確。
AutoCad功能區(qū)用戶界面的這種故意模糊的圖像,旨在表現(xiàn)近似空間記憶的“模糊”性質,用戶回憶控件所在的“鄰里”,但不回憶具體的“街道地址”。
二、幫助用戶建立空間記憶
以下指導方針附帶一個警告:所有這些都需要與其他UX考慮因素相平衡,以確定在用戶的特定環(huán)境和任務中為他們選擇最佳的整體設計。
與任何UX設計一樣,需要在可學習性、效率甚至整體用戶滿意度之間權衡。
這些指南支持空間記憶,是為反復使用界面的用戶量身定制的。
在這種情況下,快速重新定位關鍵功能和內容非常重要。對于用戶可能偶爾訪問的面向消費者的網(wǎng)站,計算可能會改變。
1. 避免自適應界面
自適應界面根據(jù)預期的用戶需求重新排列用戶界面元素。
多年來已經(jīng)有了各種各樣的實驗性自適應界面,但是大多數(shù)都沒有很好地工作,因為它們破壞了用戶構建空間記憶的能力。
一種不會破壞空間記憶的自適應UI,是設置了“最近使用”或“常用”區(qū)域的界面。
最常見的例子是,基于頻率的下拉列表:最常用的項目通常放在下拉列表的頂部。(如果使用這種方法,請在正常位置和頻繁使用區(qū)域中復制項目)。
MS Office的字體下拉列表頂部有一個“最近使用的字體“部分。顯示在此的字體,仍會在下拉列表中的正常位置重復。
2. 使用文本標簽和縮略圖增加顯著性
由于空間記憶相當不精確,僅僅依靠它來查找用戶界面中的項目不會非常有效。由于大多數(shù)用戶記得一個對象的粗糙鄰域,他們必須在該鄰域中執(zhí)行視覺搜索來查找特定的對象。
為了加快這一過程,設計師需要提供其他補充的視覺或文本提示。這意味著,例如,將圖標與文本標簽配對,或者在文檔中包含頁面縮略圖來幫助用戶找到特定的頁面。
使視覺特征顯著,如顏色高亮或使用標記,可以區(qū)分密集列表中的對象,但要小心防止不必要的視覺混亂(這會減慢視覺搜索)。
3. 使用廣泛、淺層的層次結構
為空間記憶而設計,通常意味著讓整個信息空間同時可見,因此用戶會反復接觸所有項目及其位置。
然而,這種方法除了在屏幕空間有限的情況下不現(xiàn)實之外,還會固有地減慢視覺搜索速度——用戶必須考慮的選項越多,他們花費的時間就越多。
這種權衡的典型平衡點,是使用內容或控件的分層組織——如下拉導航菜單、色帶或手風琴式折疊菜單。
不幸的是,層次結構對重新定位感興趣的項目造成了兩個低效:
- 它們通常涉及緩慢的機械交互,如下拉菜單;
- 它們隱藏了信息空間的很大一部分,因此,根據(jù)人機界面的研究,如喬伊·斯卡爾和他的同事的研究,對空間記憶產(chǎn)生了負面影響。
因此,為了快速檢索您已經(jīng)瀏覽過的項目,一個廣泛的淺層次結構比一個狹窄的深結構更有效,因為它既能更快地在空間上回憶關鍵鏈接的位置,也能降低交互成本。
這并不是說寬泛和淺薄的層次結構在所有情況下都天生具有優(yōu)勢,但是,對于建立空間記憶來說,淺層比深度更好。
4. 顯示信息-空間概述
大量數(shù)據(jù)很難同時展現(xiàn)在屏幕上,這迫使用戶不得不滾動屏幕瀏覽。
這種類型的信息顯示,即數(shù)據(jù)被分成幾個頁面或屏幕,阻礙了信息空間的空間記憶。
考慮添加可視化技術,如小地圖(在視頻游戲和軟件開發(fā)人員的IDE中很常見)、大型文檔的縮略圖視圖,甚至焦點+上下文顯示,以幫助用戶構建信息空間的空間感。
這些可視化也有助于用戶在大量信息中來回瀏覽,例如在大型文檔中創(chuàng)建短期空間記憶地標。
Atom.io:右側的小地圖顯示了整個信息空間,以及一個綠色高亮標記用戶當前正在查看的部分。
當使用文檔概覽等技術時,放大細節(jié)頁(或返回概覽)的動畫可以建立對整體信息空間的空間感知。
事實上,貝德森和波爾特曼的一項研究表明,這種技術提高了用戶的空間理解能力。
蘋果在MacOS上的預覽應用程序提供了一個空間穩(wěn)定的大文檔概述,在轉換到特定頁面時顯示放大或縮小動畫。
5. 為用戶創(chuàng)建地標
尤其是在數(shù)據(jù)豐富、高復雜性的應用程序中,用戶通常需要梳理大量數(shù)據(jù),然后查看幾個選項。
為了支持修改,您可以創(chuàng)建被稱為“訪問磨損(有時是閱讀磨損)”的人工地標——在內容本身、滾動條或頁面縮略圖列表等概覽區(qū)域上的小標記(例如,彩色點、顏色變化),這些標記就像書中的折角頁面。
就像在網(wǎng)站上標記訪問過的鏈接一樣,訪問磨損有助于用戶找到已經(jīng)訪問過的內容。
三、小結
空間記憶對于為重復用戶建立任務效率非常重要??臻g記憶通過重復使用空間穩(wěn)定的界面得到支持,并可以減少尋找關鍵特征或內容的認知工作量。
然而,由于空間記憶往往不精確,需要通過使用其他顯著的視覺線索和人工地標、整個信息空間的概述以及使用廣泛而淺薄的信息層次來幫助用戶。
另一方面,從用戶的角度來看,因為空間內存(以及隱含的任務性能)在一次可以看到更多項目時會有所提高,如果您想最大限度地提高生產(chǎn)率,就值得購買您能負擔得起的最大顯示器。
原文鏈接:https://www.nngroup.com/articles/spatial-memory/
本文由 @HitomiBot 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉載。
題圖來自 pexels,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!