編輯導語:空間記憶是人們記憶目標物件位置的能力,在產品設計中,空間記憶可以幫助使用者快速進行快速定位,提升使用者效率,進而最佳化使用者體驗。本篇文章裡,作者介紹了空間記憶、以及如何利用空間記憶設計使用者介面、提升使用者體驗的方法要點,一起來看一下。
記憶事物位置的能力是人類記憶的一個重要方面。在圖形使用者介面(graphical user interfaces)中,它可以幫助使用者快速定位,無需每次都進行費力的視覺搜尋。更加直觀地去搜索特定物件,本質上是一個緩慢的過程,減少這種需求可以給使用者效率提升帶來巨大好處。
一、定義
空間記憶是透過反覆與目標物件互動來記憶它們位置的能力。在GUI中,空間記憶體允許使用者在訪問常用功能或資料時發展一定程度的自動化。為了讓使用者能夠開發空間記憶體,需要做到兩件事:
認知科學和人機互動方面的研究表明,使用者會根據邊界和地標來開發空間記憶。
想象一下,要從紙質地圖中找到一個城鎮,然後你在地圖右下角的某個位置找到了它。把地圖放下一會兒,再次拿起時,你對城鎮的空間記憶會與地圖的邊界相關。因此,你將會首先檢視地圖右下角的位置。
(大衛·塔皮亞·聖馬丁在Unsplash上拍攝)
地圖上的空間記憶是參照邊界建立的,例如這張紙質地圖的邊緣或貫穿巴黎中部的塞納河創造的邊界,本例中塞納河既是地標又是邊界。
這個例子的使用者體驗是雙重的。
首先,具有明顯視覺邊界明確定義的控制元件區域(如工具欄)是使用者構建空間記憶體的關鍵。其次,當視口大小發生變化(例如,因為瀏覽器視窗的大小被調整),物件應該相對於外部邊界的位置儘可能穩定。
MacOS Finder’s Applications資料夾的兩張影象
左邊是寬的資料夾版本,右邊是同一資料夾的調整大小檢視,水平縮小。當瀏覽器視窗調整大小時,MacOS“訪達”會重新流化應用程式資料夾,將圖示向下推到其他行,這樣就不會有水平滾動。由於空間定位不保留,因此很難遷移特定圖示。
然而,並非所有MacOS“訪達”中的資料夾都重新流化了。在本示例中,當視窗調整大小時,空間定位將保留,使用者需要水平滾動才能訪問當前視口以外的專案。另一種方法是縮小所有圖示,以便它們保持彼此的相對位置。當然,這種方法將有可見度和可讀性限制的缺點。
除了邊界,使用者還可以使用地標來記住物體的位置。地標是突出的物體,因此易於定位——例如巴黎埃菲爾鐵塔或倫敦的倫敦眼。人們根據這些容易找到的物體來定位自己。
二、空間記憶不準確
除了訪問量最大的物件外,空間記憶往往是模糊的:使用者不記得物件的確切位置,而是近似值。
空間記憶能力因使用者而異,因為研究表明,空間能力較高的使用者更能準確地回憶物品的具體位置,但即使在這些情況下,空間記憶也往往是“鄰里級”,而不是“街道地址級別”。最終,透過足夠的排練和重複,使用者將開發出對少數、最常訪問的專案的準確空間記憶。
故意模糊的AutoCAD色帶使用者介面影象
是不是某些經常使用的功能也似乎記不起來了?
三、我們要怎麼做呢?
1。幫助使用者建立空間記憶
所有準則都需要與其他UX考慮因素保持平衡,以確定使用者在特定情況下和任務中的最佳整體設計選擇。與任何使用者體驗設計一樣,可學習性、效率甚至整體使用者滿意度之間也有權衡。
這些原則支援空間記憶體,並專為反覆使用介面的使用者量身定製。在這種情況下,快速遷移關鍵功能和內容很重要。
2。避免自適應介面
自適應介面根據預期的使用者需求重新排列使用者介面元素。多年來,實驗性自適應介面種類繁多,但大多數都執行不善,因為它們破壞了使用者構建空間記憶體的能力。
一種不會破壞空間記憶體的自適應使用者介面是具有常見或最近使用專案的專用區域的介面。最常見的例子是基於頻率的下拉:最常用的專案通常放在下拉列表的頂部。
MS Office的字型下拉選單頂部有一個“最近使用的字型”部分。在最近一節中顯示的字型在下拉選單中的正常位置重複。
3。使用文字標籤和縮圖來提高突出度
由於空間記憶相當不準確,僅依靠它查詢使用者介面中的專案會效率低下。大多數使用者記得物件的粗略鄰域,他們必須在該鄰域中執行視覺化搜尋才能找到特定物件。為了加快這個過程,設計師需要提供其他補充視覺或文字線索。
這意味著,例如,將圖示與文字標籤配對,或在文件中包含頁面縮圖,以幫助使用者找到特定頁面。視覺突出的功能,如顏色高亮顯示或徽章,可以區分密集列表中的物件,但要謹慎行事,以防止不必要的視覺混亂。
4。使用更加寬泛、淺層次、易理解的資訊
空間記憶設計通常意味著使整個資訊空間同時可見,因此使用者會反覆檢視到所有專案及其位置。
然而,這種方法除了在螢幕尺寸巨大的顯示屏上可以實現外,本質上減慢了視覺搜尋的速度——使用者用在思考方面的選項越多,他們花的時間就越多。
這種權衡的典型平衡點是使用內容或控制元件的分層組織——如下拉導航選單、色帶或手風琴。
5。顯示資訊——空間概覽
大量資料不適合在螢幕上讓使用者操作滑鼠滾動顯示。這種型別的資訊顯示,即資料被分割在幾頁螢幕上,阻礙了資訊空間的空間記憶建立。
考慮新增視覺化技術,如迷你地圖(在影片遊戲和軟體開發人員的IDE中很常見),大型文件的縮圖檢視,甚至焦點+上下文顯示,以幫助使用者建立資訊空間的空間感。
當用戶需要來回瀏覽大量資訊時,這些視覺化標誌也會透過在大型文件中建立短期空間記憶地標來提供幫助。
一個IDE程式碼編輯器,帶有一個小地圖,顯示縮小整個資訊空間的微小概述
右側的迷你地圖顯示整個資訊空間,以及標記使用者當前檢視部分的綠色高亮顯示。當使用文件概述等技術時,放大詳細資訊頁面(或返回概述)的動畫可以建立對整體資訊空間的空間感知。
蘋果預覽PDF檢視器,顯示文件中所有頁面的一系列縮圖
蘋果在MacOS上的預覽應用程式提供了大型文件的空間穩定概述,當過渡到特定頁面時,它會顯示放大或放大動畫。
6。為使用者建立地標
在資料豐富、高複雜的應用中,使用者往往需要梳理海量資料,然後回顧選項。
為了支援重訪,可以在內容本身或捲軸或頁面縮圖列表等概覽區域建立人工地標——小標記(例如彩色點、顏色變化)。這些標記就像在網站上標記訪問過的連結一樣,可以幫助使用者找到已經訪問過的內容。
四、總結
空間記憶對於為使用者重複建立任務效率提升來說十分重要。空間記憶透過反覆使用空間穩定的介面得到加強,並可以減少尋找關鍵特徵或內容所需的認知工作量。
然而,由於空間記憶往往不準確,需要透過包括其他突出的視覺線索和人工地標、整個資訊空間的概述以及使用寬泛、淺層次的資訊來幫助使用者。
從使用者的角度來看,空間記憶能力在一次性可以看到更多專案時會提高,因此如果想最大限度地提高生產率,可以在能力範圍內購買尺寸更大一點的顯示器。
今天的分享就到這裡啦,希望大家都有所收穫。
作者:Kiki;公眾號:空兩格
猜你喜歡
- 2021-12-14東木築造設計新作丨ICON LAB HOTEL:先鋒酒店,自由詩意
- 2021-12-08AG遭遇BS需避開沙漠灰?潛艇或成BS取勝關鍵
- 2021-07-29李書福出山,淦家閱衝量,安聰慧共創
- 2021-07-08適合廣東人的粉蒸排骨,好吃到起飛,鄰居家的孩子都饞哭了
- 2021-06-166年前的麥沒記憶,配上這樣的音樂,你看是啥感覺!紀實攝影