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

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

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

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

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

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

 

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

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

「首因效應(yīng)」

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

還記得大學(xué)四六級(jí)單詞書(shū)的第一個(gè)單詞嗎？

abandon！

「近因效應(yīng)」

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

△ 簡(jiǎn)書(shū)App界面

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

△ 天貓App界面

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

 

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

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

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

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

△ 螞蟻財(cái)富界面

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

小結(jié)

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