亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
空間記憶: 為什么它對 UX 設計很重要
0.0°
2021-01-04 好文轉(zhuǎn)載 設計趨勢 原作者: 未知 舉報 991 0 0 0

簡介

原文引自 Nielsen Norman Group 上的一篇文章 Spatial Memory: Why It Matters for UX Design。該譯文并非完整原文,內(nèi)容已稍作調(diào)整。

回想一下你每天早上上班前的場景,記得你的工卡確切放在哪里了嗎?可能你會記得在包包里,在昨天大衣的口袋里,或者在家門口的鞋架上,但是要精準地說出在包里的哪個隔層,外套的哪個口袋或者鞋架上的第幾層就會稍顯困難,然而,這并不耽誤我們找到它并成功進入公司做一個快樂的打工人。究竟是什么原因使得我們能夠在日常生活中準確地找到想要的東西呢,這個方法是否能夠運用到用戶體驗設計中呢?作者在文章中為我們找到了答案。

本期提綱:

1. 什么是空間記憶:空間記憶的定義和案例

2. 空間記憶的缺點:空間記憶是不精確的

3. 如何幫助用戶構(gòu)建空間記憶

a. 避免自適應界面

b. 通過文字標簽或縮略圖增強顯著性

c. 使用寬而淺的層級結(jié)構(gòu)

d. 展示全局信息概覽

e. 為用戶創(chuàng)建地標

4. 總結(jié)

在反復的練習中,用戶會對 UI 界面中的元素和內(nèi)容形成模糊的記憶,但仍然需要額外的視覺和文字引導來幫助他們尋找特定的目標。

什么是空間記憶:空間記憶的定義和案例

由此可見,人類天生就具有回憶事物方位的能力。在用戶圖形界面中也一樣,這種能力能讓我們快速定位某個 app 或者 app 中的某個功能,而不必每次都要進行艱難的視覺檢索。因此,作為設計師,為用戶減輕檢索過程中的工作量是十分重要的,它可以極大地提高用戶的效率。

我最近搬新家了,廚房里的東西跟以前的位置不一樣了。有天晚上,我在找我的壓蒜機,但當我進入廚房的時候,已經(jīng)記不清具體放在哪里了,我只好翻遍廚房里的每個抽屜才能找到它,這浪費了我很多時間和精力。雖然好的組織系統(tǒng)(正如一個好的信息架構(gòu))為搜尋工作提供了很大幫助,但我還是需要在不同的抽屜間反復查找。當然,只要壓蒜機不再從一個抽屜轉(zhuǎn)移到另一個抽屜,通過反復的練習,我最終肯定能記住它的位置。

定義:空間記憶(Spatial memory)是一種通過與目標物體反復互動而掌握其位置的能力。在 GUI(用戶圖形界面)中,空間記憶使得用戶會對經(jīng)常使用的功能或內(nèi)容產(chǎn)生一定的自發(fā)性。

讓用戶產(chǎn)生空間記憶,需要具備以下兩點:

1、 有穩(wěn)定的 UI 界面,不要(經(jīng)常)改變元素的位置。

2、用戶需反復使用特定的組件。

認知科學和人機交互的研究都表明,人們是通過參考邊界和地標而產(chǎn)生空間記憶的。

想象一下你在一張地圖中尋找某個城鎮(zhèn),在進行了首次視覺檢索后,你在地圖的右下角找到了它,接著你再把地圖放下,當你再次拿起它的時候,你對這個城鎮(zhèn)的空間記憶便與這張地圖的邊界有關(guān)系了。這個時候,你就會先從右下角開始看。

這張地圖上的空間記憶是通過參考一些邊界產(chǎn)生的,比如地圖的邊緣和圖中貫穿巴黎市的萊茵河都是重要參考邊界(在這個案例中萊茵河既是邊界也是地標) (圖片由 David Tapia San Martin 在 Unsplash 拍攝)

這個案例給用戶體驗設計帶來兩個啟發(fā):首先,具有明顯視覺邊界和定義清晰的功能組件區(qū)(如工具欄)是構(gòu)成空間記憶的關(guān)鍵;其次,當視窗大小改變時(比如瀏覽器窗口的改變),元素相對外邊界的位置應盡量穩(wěn)定,也就是說,只改變窗口的大小,但不為適配窗口尺寸而重新排布界面元素,反而更有利于用戶形成空間記憶。當你關(guān)注到用戶在使用你的產(chǎn)品時經(jīng)常改變窗口大小,則更應該注意這點。自適應浮動擺放內(nèi)容元素會嚴重干擾用戶重新定位對象的能力。如果用戶不經(jīng)常使用你的網(wǎng)站,或者他們總是使用單一的窗口尺寸,那么重新擺放可能沒有問題。

調(diào)整訪達窗口大小時,MacOS 會重新排布 “應用程序” 文件夾的界面,根據(jù)窗口大小變化將圖標向下推移,確保用戶無需水平滾動即可瀏覽整個文件夾。但是,由于圖標沒有固定的位置,因此用戶很難重新定位特定的圖標。

但并不是訪達中的所有文件夾都會重新排布,在自己創(chuàng)建的文件夾中,里面子文件夾的位置就會保持不動,用戶可以水平滾動以訪問當前視窗之外的項目。還有另一種辦法,就是縮小所有的子文件夾,以保持它們彼此的相對位置不變。當然,這種方法會有可見性和易讀性上的限制。

除了邊界,用戶還會使用地標來記住目標對象的位置。地標一般都是突出顯眼的實體,因此很容易定位。比如巴黎的埃菲爾鐵塔和倫敦的倫敦眼,人們常常以這些地標來進行自我定位。在用戶圖形界面中,用戶則可能記得目標元素位于搜索欄的附近,或者主頁的 logo 附近。雖然空間記憶很大程度地超出了設計師的控制范圍,但理解用戶如何利用空間記憶可視化地處理界面是非常重要的。

空間記憶不僅用于記憶屏幕或現(xiàn)實事物的位置,還可以在 2D 或 3D 環(huán)境中進行導航,即使后者的目標位置可能不在你的眼前。比如,你到了一個新的城市,在不使用手機導航的情況下想要找到回酒店的路,你可能需要依靠地標和邊界來設定一個間接目的地并規(guī)劃路線。你大概會想起離酒店最近的地鐵站,并以它為目標來導航。一旦到了那里,便可以利用酒店旁邊顯眼的高樓來確定自己的位置,并找到你的路。這和你眼看著真實的冰箱,然后想起你把蔬菜放在右下角的保鮮盒里是不一樣的。

Harry Hocheiser 和同事們發(fā)表的一篇文章表明,人們在物理環(huán)境中建立空間記憶并導航過去的能力與他們在使用網(wǎng)站導航找到不同的用戶界面的能力之間存在關(guān)聯(lián)。這個結(jié)論是符合常識的,因為無論是在真實世界中導航,還是在屏幕上點擊一次只展示部分層級的菜單,都需要我們通過記憶找到當前看不到的內(nèi)容。

空間記憶的缺點:空間記憶是不精確的

除非是訪問最多的界面元素,否則空間記憶往往是比較模糊的:用戶并不記得目標對象的確切位置,而只是一個大概印象??臻g記憶能力也因人而異。研究表明,空間記憶能力高的用戶能更準確地回憶物品的具體位置,但即便是對這些人來說,空間記憶也僅僅趨向于 “鄰里” 范圍,而不是精準的 “地址” 程度。最終,經(jīng)過反復的練習和使用,用戶將對少數(shù)但常用的界面元素形成準確的空間記憶。

 空間記憶是不精確的:回憶控件的位置是不準確的。如圖所示的模糊的 CAD 界面能近似表達空間記憶的 “模糊” 屬性,用戶只能想起操作控件的 “鄰里” 范圍,而不能想起控件具體的 “地址”。 

如何幫助用戶構(gòu)建空間記憶

在使用以下設計原則時要注意和其它 UX 設計考量點進行平衡,根據(jù)用戶的實際環(huán)境和任務,做出整體設計決策。在任何的 UX 設計中,都需要在用戶學習門檻、效率和整體用戶滿意度之間做取舍。

這些關(guān)于空間記憶的設計原則,僅對經(jīng)常訪問同一個界面的用戶適用。在這些情況下,快速定位關(guān)鍵功能和內(nèi)容是非常重要的。而對于用戶偶爾訪問的網(wǎng)頁,考量點就不一樣了。

a. 避免自適應界面

自適應界面通過 UI 元素的自適應分布來滿足用戶的需求。近年來出現(xiàn)了各種實驗性的自適應用戶界面設計,但大多效果不佳,因為它們破壞了用戶構(gòu)建空間記憶的能力。

有一種自適應界面不會破壞空間記憶能力,即為用戶最常使用或最近使用的元素留出專門位置的界面。最常見的例子就是基于常用的下拉菜單設計:在下拉菜單頂部會展示最近使用過的元素。(如果你想采用這種方法,注意既要在常用位置放著這個元素,也要在元素原來的位置繼續(xù)保留它)

MS Office 的字體下拉菜單頂部有一個 “最近使用的字體” 的放置區(qū)域。

b. 通過文字標簽或者縮略圖增強顯著性

由于空間記憶會非常不精確,僅依靠它在界面中查找信息效率并不高,因為大部分用戶只會記得元素的大致區(qū)域,所以他們不得不在區(qū)域內(nèi)進行視覺檢索以找到目標。為了加快這一過程,設計師需要提供一些視覺或文字線索。比如,可以將圖標和文字結(jié)合使用,或者在文檔中展示所有的頁面縮略圖以幫助用戶找到特定的頁面。對于視覺樣式上的顯著特征,如顏色高亮或標簽,可以極大地幫助用戶區(qū)分列表中的密集信息,但也要注意避免出現(xiàn)視覺混亂,否則會降低視覺檢索的效率。

c. 使用寬而淺的層級結(jié)構(gòu)

空間記憶設計通常意味著要讓整個信息空間同時可見,這樣用戶就可以反復地看到所有內(nèi)容和它們所在的位置。然而,一方面屏幕的空間是有限的,另一方面這種做法會大大降低視覺檢索的效率 —— 提供給用戶的選擇越多,他們花的時間就越多。平衡這種矛盾的典型方式是對這些內(nèi)容或者空間進行分層,就像下拉式菜單、功能面板以及折疊工具欄。

很不幸,層級結(jié)構(gòu)會造成定位目標元素產(chǎn)生兩個效率問題:(1)層級結(jié)構(gòu)比如下拉菜單通常會因為增加了層級而降低交互效率,(2)層級結(jié)構(gòu)會隱藏一大部分的信息,而這會對空間記憶產(chǎn)生消極的影響,這正如 Joey Scarr 和他同事的人機交互研究及其它交互研究所得出的結(jié)論一樣。因此,對于需要快速檢索出目標對象的用戶,一個寬而淺的層級結(jié)構(gòu)比一個窄而深的結(jié)構(gòu)更有效,因為它不僅在空間中幫助用戶更快地回憶起關(guān)鍵連接點,還減少了交互成本。這并不是說明寬而淺的層級結(jié)構(gòu)在任何情況下都更優(yōu)越,只是對于構(gòu)建用戶的空間記憶,空間的呼吸感勝于縱深感。

d. 展示全局信息概覽

大量的信息很難被完整塞到一個屏幕空間里,迫使用戶上下滾動屏幕瀏覽,而這種展示方式,使內(nèi)容被分割為好幾頁,阻礙了用戶構(gòu)建空間記憶。

對于這種情況,可以考慮增加一些視覺輔助,如迷你地圖(這在電子游戲和軟件開發(fā)工具中經(jīng)常用到)、超大文檔的頁面縮略圖,以及瀏覽區(qū)域的高亮標記,從而幫助用戶構(gòu)建信息空間的全局感知。這些視覺化的設計通過在超大文檔中構(gòu)建短期的空間記憶標志物來幫助用戶在大量的信息間來回瀏覽,以下有兩個案例。

右邊的縮略地圖中顯示了整個信息空間,其中綠色的高亮標記是用戶當前正在查看的部分。

當使用全局概覽等方法時,縮放到詳情信息頁面(或返回到概覽頁面)的動畫也可以構(gòu)建整體信息的空間感知。事實上,B. Bederson 和 a . Boltman 的一項研究表明,這種方法極大地提高了用戶的空間理解能力。

蘋果在 MacOS 的查看應用程序上提供了一個空間位置穩(wěn)定的大型文檔概覽,并且當切換到特定頁面的時候,會展示放大或縮小的過渡動畫。

e. 為用戶創(chuàng)建地標

特別是在數(shù)據(jù)信息豐富且高度復雜的應用程序中,用戶經(jīng)常需要同時梳理大量信息,然后點擊查看多個選項。為了便于再次訪問,你可以在內(nèi)容本身或概覽區(qū)域(如滾動條或頁面縮略圖列表)上創(chuàng)建類似于 “訪問書簽” 或 “讀取書簽” 的人工標記。這些記號就像折了角的書頁,與在網(wǎng)站上標記訪問過的鏈接很相似,它們可以幫助用戶迅速找到已訪問過的內(nèi)容。

總結(jié)

空間記憶對于提高高頻用戶的任務效率非常重要。通過重復使用穩(wěn)定的界面來加強空間記憶,可以減少檢索關(guān)鍵功能或內(nèi)容的工作量??臻g記憶也往往是不精確的,但是可以通過使用突出的視覺線索和人工標記,提供全局信息概覽,以及使用寬而淺的層級來幫助用戶找到目標元素。

另外,從用戶的角度來看,同時在一個界面上看到更多的信息能幫助我們提高空間記憶(并提高任務效率),那么如果你想要最大化的工作效率,掏空錢包買一個夠大的顯示器就勢在必行了。

END


原文鏈接:空間記憶: 為什么它對 UX 設計很重要  

譯者:klein,;公眾號:CJM Studio

本文由 @CJM Studio 整理發(fā)布于UI中國,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

Powered by Froala Editor

更新:2021-01-04

收藏

0人已收藏

CJM Studio

客戶旅程創(chuàng)新工作室:極致體驗來自持續(xù)的客戶旅程創(chuàng)新

  • 107

    作品

  • 13

    粉絲

  • 0

    關(guān)注

  • 零售業(yè)的客戶體驗趨勢
  • 如何利用工具讓每一個人都能參與研究和設計?
  • 2022 年值得關(guān)注的 9 大用戶體驗趨勢
  • 如何利用工具讓每一個人都能參與研究和設計?
相關(guān)標簽
空間記憶UX 設計

    猜你喜歡

      2021-01-04 好文轉(zhuǎn)載 設計趨勢 原作者: 未知 舉報 991 0 0 0

      空間記憶: 為什么它對 UX 設計很重要

      0.0°

      你確定要舉報空間記憶: 為什么它對 UX 設計很重要?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2020年12月28日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      0
      0
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄