UI大牛告訴你UI設(shè)計(jì)師的設(shè)計(jì)原理

眾所周知，心理學(xué)在APP的用戶體驗(yàn)設(shè)計(jì)中起著非常重要的作用。通過了解我們的設(shè)計(jì)是如何被感知的，我們可以及時(shí)做出調(diào)整，使設(shè)計(jì)出的APP能夠更加有效地實(shí)現(xiàn)用戶的目標(biāo)。

為了幫助你了解用戶的想法，我將介紹一些我認(rèn)為最重要的設(shè)計(jì)原則，并在實(shí)踐中提供這些原則的常見示例。

馮·雷斯托夫效應(yīng)（Von Restorff effect）

馮·雷斯多夫效應(yīng)（也稱為隔離效應(yīng)）預(yù)測(cè)當(dāng)存在多個(gè)相似對(duì)象時(shí)，不同于其他對(duì)象的是最容易被記住的。

看完這個(gè)理論，身為設(shè)計(jì)師的你是否馬上想到了什么？

沒錯(cuò)，這就是為什么CTA按鈕看起來與網(wǎng)站或APP上其余操作按鈕不同的主要原因。

△ 馮·雷斯多夫效應(yīng)示例

我們希望用戶能夠區(qū)分簡(jiǎn)單的操作按鈕和CTA按鈕，以便他們清楚地了解CTA按鈕的作用，同時(shí)在使用APP或站點(diǎn)時(shí)也能記住它。

當(dāng)有多個(gè)相似的對(duì)象存在時(shí)，不同于其他對(duì)象的是最有容易被記住的！

系列位置效應(yīng)

系列位置效應(yīng)是指在一系列事物中，接近開頭和末尾的更容易被用戶記住的心理傾向。

△ 從左到右，分別為Twitter，Medium，ProductHunt

這就是為什么現(xiàn)在大多數(shù)APP選擇摒棄漢堡包菜單，使用底部或頂部導(dǎo)航菜單，并將最重要的用戶操作放置在右側(cè)或左側(cè)。在上圖中，你可以看到一些流行的iOS應(yīng)用程序示例?？紤]到系列位置效應(yīng)，每個(gè)APP都將「首頁」和「用戶中心」項(xiàng)目分別放在了菜單欄的左側(cè)或右側(cè)。

認(rèn)知負(fù)荷

認(rèn)知負(fù)荷是指一個(gè)人的工作記憶中使用的腦力勞動(dòng)總量。簡(jiǎn)單來說，就是為了完成某項(xiàng)任務(wù)，工作者需要進(jìn)行大量的思考。

認(rèn)知負(fù)荷是為了完成一項(xiàng)特定任務(wù)而需要鍛煉的思維量。

認(rèn)知負(fù)荷理論可以分為三種類型：

• 內(nèi)部認(rèn)知負(fù)荷
• 外部認(rèn)知負(fù)荷
• 相關(guān)認(rèn)知負(fù)荷

下面我將介紹內(nèi)部和相關(guān)認(rèn)知負(fù)荷這兩種類型，我認(rèn)為它們是最適用于用戶體驗(yàn)設(shè)計(jì)的。

內(nèi)部認(rèn)知負(fù)荷

內(nèi)部認(rèn)知負(fù)荷是與特定工作或?qū)W習(xí)主題相關(guān)的。這是Micro-copy和copy在良好的用戶體驗(yàn)中發(fā)揮了巨大作用的主要原因。

例如在APP的「空白狀態(tài)」下，大多數(shù)情況我們會(huì)提示用戶如何去操作。在這里，提示文本需短小、簡(jiǎn)單，并使用適當(dāng)?shù)膯卧~，以便用戶能夠輕松地遵循說明進(jìn)行操作。

△ 從左到右，分別為Stayful，Serist，Lucidchart

相關(guān)認(rèn)知負(fù)荷

相關(guān)認(rèn)知負(fù)荷是用于處理信息和構(gòu)建模式的認(rèn)知負(fù)荷。該模式描述了一種組織信息以及它們之間所有關(guān)系的思維模式。

我們使用設(shè)計(jì)模式的原因之一是它們是默認(rèn)編程的——所以如果用戶將其轉(zhuǎn)變?yōu)橐环N自己所理解的模式，那么他們就可以更容易地接受和學(xué)習(xí)新的東西。

如果用戶能夠?qū)⑵滢D(zhuǎn)變?yōu)橐环N他們自己所理解的模式，那么用戶將可以更輕松地學(xué)習(xí)新的東西。

席克定律（Hick’s Law）

與格式塔法則一樣，席克定律是當(dāng)下最流行的定律之一。

席克定律的理解和實(shí)踐都很簡(jiǎn)單。它描述了一個(gè)人作出決定所需的時(shí)間取決于他或她可以選擇的選項(xiàng)。如果選項(xiàng)的數(shù)量增加，那么做出決定的時(shí)間也會(huì)對(duì)應(yīng)增加。

其中，列表就是席克定律適用于用戶體驗(yàn)設(shè)計(jì)的一個(gè)非常好的例子：

△ 席克定律范例

接近律

接近律是格式塔中組織法則的一部分，它指出彼此接近或鄰近的物體傾向于被組合在一起。簡(jiǎn)單地說，我們的大腦很容易地將彼此接近的物體聯(lián)系起來，但對(duì)于那些相距很遠(yuǎn)的物體就不行。 這種聚類發(fā)生是因?yàn)槿祟愑袃A向組織和組合事物的天性。

△ 接近律示例

接近律表明，彼此接近或相近的物體往往被組合在一起。

在上面的例子中，一共有72個(gè)圓。根據(jù)它們之間的距離，我們下意識(shí)地將它們分了組。很明顯，我們將圖像左側(cè)的36個(gè)圓看成一組;圖像右側(cè)則有三組，分別有12個(gè)圓。

我相信這個(gè)例子清楚地表明了一個(gè)道理。在設(shè)計(jì)UI時(shí)，我們必須將一些元素組合在一起。其中，選擇哪些元素進(jìn)行組合顯得尤為重要，需要反復(fù)斟酌，因?yàn)橛脩魸撘庾R(shí)認(rèn)為組合的元素一定是相互關(guān)聯(lián)的?！?br />
相關(guān)文章--《產(chǎn)品經(jīng)理入職騰訊的15天的心得》