高級UI設(shè)計(jì)師都知道的設(shè)計(jì)法則

什么是系列位置效應(yīng)？

這個詞是由赫爾曼·艾賓浩斯首次提出。艾賓浩斯一生致力于有關(guān)記憶的實(shí)驗(yàn)心理學(xué)研究，在1885年出版了《關(guān)于記憶》一書，提出了著名的「艾賓浩斯遺忘曲線」，這一成就也令他成為與馮特齊名的心理學(xué)家。

百度百科：在系列學(xué)習(xí)（Serial Learning）中，在一系列處于不同位置的記憶材料回憶效果不同。系列位置效應(yīng)就是這種接近開頭和末尾的記憶材料的記憶效果好于中間部分的記憶效果的趨勢。

△ 魅力惠和網(wǎng)易嚴(yán)選App界面

舉個例子：我們仔細(xì)觀察每個 App 的底部導(dǎo)航，首位和末尾基本都是「首頁」和「個人中心」，系列位置效應(yīng)很好的解釋了為什么要將最重要的用戶操作放置在首位或末尾。（如上圖）

 

「首因效應(yīng)」和「近因效應(yīng)」

系列位置效應(yīng)中系列開頭的材料比系列中間的材料記得好叫「首因效應(yīng)」；系列末尾的材料比系列中間的材料記得好叫「近因效應(yīng)」。

「首因效應(yīng)」

系列中的起始項(xiàng)目更能有效的儲存在長期記憶中。在系列快速出現(xiàn)的情況下，首因效應(yīng)影響較小，因?yàn)橛脩魶]有時間把起始的項(xiàng)目儲存到長期記憶中。相反，在系列緩慢出現(xiàn)的情況下，首因效應(yīng)影響較大，因?yàn)橛脩粲凶銐虻臅r間把最起始的項(xiàng)目儲存到長期記憶中。舉個例子：

還記得大學(xué)四六級單詞書的第一個單詞嗎？

abandon！

「近因效應(yīng)」

系列中的最后幾項(xiàng)很容易儲存在短期記憶中?！附蛐?yīng)」受到時間和附加因素的影響，大部分信息在短期記憶中保持的時間很短，通常在5－20秒，最長不超過1分鐘。舉個例子：

△ 簡書App界面

簡書是一個很優(yōu)質(zhì)的創(chuàng)作社區(qū)，瀏覽文章時，「贊賞」「評論」「喜歡」「分享」功能都做了固底設(shè)計(jì)，因?yàn)樵跒g覽文章時，如果某一段對用戶有所幫助，會忍不住評論或者點(diǎn)贊。如果這些功能都置于文章結(jié)束，應(yīng)該很多人會忘記剛才所要表達(dá)的內(nèi)容。如果瀏覽的是一篇很長的文章，這種情況更為明顯。所以簡書用固底和文末兩種方式呈現(xiàn)以上四個功能。

△ 天貓App界面

你可以試著用近因效應(yīng)分析天貓購買頁中的固底設(shè)計(jì)。

 

給設(shè)計(jì)師的 Tips

1. 把重要的信息放在前面或者后面，不要放在中間，以達(dá)到最佳效果。

2. 列舉的項(xiàng)目是視覺項(xiàng)目，記得把最重要的項(xiàng)目方案放在最前面。舉個例子：第一屏放什么內(nèi)容是各位最糾結(jié)的事情吧。

3. 列舉的項(xiàng)目是聽覺項(xiàng)目，記得把最重要的項(xiàng)目方案放在最后面，舉個例子：《我是歌手》每期中，誰抽到最后一個出場都很興奮。

△ 螞蟻財富界面

4. 碰到用戶要做出決定的情況下，如果必須在最后一項(xiàng)出現(xiàn)后選擇，請把該項(xiàng)目放在最后，舉個例子：規(guī)則條款閱讀選項(xiàng)（如上圖標(biāo)記處）；相反，請放在前面，以增加獲選概率。

小結(jié)

文章開始的題目還記得嗎？大部分人應(yīng)該對小角更有好感。其實(shí)兩位的形容詞都是一樣的，只不過把順序顛倒了一下，通過以上論述，想必大家已經(jīng)知道其中原因了。