1. 程式人生 > >產品設計教程:利用“系列位置效應”優化UI

產品設計教程:利用“系列位置效應”優化UI

任何博得人們喜歡的產品都在一定程度上契合了使用者的心理需求。設計和心理學息息相關,掌握一些基本心理學知識,設計師的作品更能在潛意識中抓住使用者的心。

系列位置效應

“系列位置效應”(The Serial Position Effect) 最早由研究記憶的德國心理學家 Hermann Ebbinghaus 提出,描述了一個物體在序列中的位置影響人們對它的記憶。“系列位置效應”主要分為兩種:

首因效應(primacy effect):比起中間位置,人們對一個系列最前面的物體的記憶力更加清晰。

新近效應 (recency effect):比起中間位置,人們更容易對序列末尾的物體記憶更清楚。
在這裡插入圖片描述

首因效應

按目前的理論,人們對序列前面的幾個物體記憶更加清晰,源於回憶這些物體的認知消耗相對較小。如果要喚起對序列中間物體的記憶,還要經過對它們前面物體的記憶儲存,這樣的認知負擔就更重,記憶效果就差很多。

新近效應

新近效應出現的原因在於人們的“工作記憶”。工作記憶是一種特殊的短時記憶,是一種對資訊進行暫時加工和貯存的記憶系統,執行著一些複雜的認知活動。

認知學家 Murray Glanzer 和 Anita Cunitz 曾在1966年做過一項干擾試驗,結果發現,如果對閱讀完資訊的試驗者後續進行30秒的干擾,首因效應仍然存在,但新近效應消失了。這說明新近效應的產生依賴於人的短期記憶。

UI設計的四種優化方法

既然知道了人們對一個序列不同位置的資訊記憶的效率,我們便可以通過掌控資訊順序,來減少我們的記憶負荷,並儘可能地控制我們閱讀資訊和回憶資訊階段之間的干擾項。

以下列出了利用系列位置效應優化使用者體驗的4種方法:

將任務相關資訊保持在使用者介面內

將跟使用者操作任務相關的資訊保持在頁面內,減少我們的回憶負荷。提供一些工具指引使用者完成他們的目標,以幫助他們更加精確有效地完成任務。

像蘋果的Keynote,微軟的 Microsoft 這類工具,提供頁面數、尺子、網格這類資訊和小工具,提高了我們的工作效率。
在這裡插入圖片描述

使用者介面中加入提示

在使用者介面中加入提示,這樣可以喚起我們“識別”之前遇到的事物,以及“回憶”起之前瞭解到的東西。提示可以是各種感官性的,像按照因果邏輯的聲音提示(比如打遊戲時角色獲得金幣時的嘩啦聲),或者在賽車遊戲中提供的地圖提示。
在這裡插入圖片描述

(Need For Speed 一款賽車遊戲,左邊有地圖,右邊有時速表,時時刻刻讓使用者知道他們在哪裡。)

控制使用者流中的回憶負荷

人的注意力有限,一般來說人的短時記憶力只能最多記住5件事。因此,在產品設計中,設計師最好保證使用者在任何時候需要回憶的事物都少於五個。設計師可以通過呈現相關資訊,或者簡化重新獲取資訊的途徑,來控制使用者在互動過程中的回憶負荷。

比如很多電商都知道提供使用者在購買流程中的操作資訊。
在這裡插入圖片描述(Nike的網站,展示使用者在選購流程中的篩選條件,以及排列順序標準。)
在這裡插入圖片描述(Amazon 的網站,時刻展現購物車裡的數量、幫助中心、優惠券資訊等。)

在開始和結尾強調關鍵資訊

首因效應和新近效應展示了在一個系列開端和結尾的資訊能被使用者記得更清晰,因此設計師可以在開端和結尾強調關鍵資訊,在中間位置佈局重要性低一級的資訊。

很多登陸頁都是按照這樣的原理設計。以Apple官網的iPad Air 2 頁面為例,整個頁面可以分為三個部分:開端、中間、和結尾。
在這裡插入圖片描述第一部分是在向我們說明為什麼要買他們的產品,重要性高。
在這裡插入圖片描述第二部分則是產品詳細的細節資訊,從號召力上來說重要性評級低一點。
在這裡插入圖片描述第三部分則是一種CTA號召行為,推動使用者的購買操作,有快遞、支付、客服資訊。

總結

既然我們的記憶具有系列位置效應,而且人的短期記憶非常有限,那麼設計師在設計的任何流程中,都要盡力減少我們的記憶負荷。

將任務相關資訊保持在頁面內、增加提示、控制互動流程中需要記憶的資訊數量、在開始和結束部分強調關鍵資訊…… 這些都是可以採取的措施。

產品設計中融入自己對使用者認知方面規律的理解,就能創造出更好的使用者體驗設計。

希望大家能喜歡~