優化UI的四種方法:利用「系列位置效應」

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

此文為墨刀 【UI/UX設計 x 心理學】 系列文章中的01篇。

系列位置效應

「系列位置效應」(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號召行為,推動用戶的購買操作,有快遞、支付、客服信息。

總結

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

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

在設計中融入你對用戶認知方面規律的理解,能讓你創造出更好的用戶體驗設計。

本文編譯自 Serial Position Effect: How to Create Better User Interfaces


推薦閱讀:

TAG:自學UI設計 | UI設計師 | UI設計入門 |