導(dǎo)讀
心理學(xué)在用戶使用應(yīng)用程序的體驗(yàn)中起著很大的作用。通過(guò)了解我們的設(shè)計(jì)是如何被感知的，我們可以做出調(diào)整，使我們創(chuàng)建的應(yīng)用程序更有效地實(shí)現(xiàn)用戶的目標(biāo)。
為了幫助你理解用戶的感受，我將介紹一些我認(rèn)為最重要的設(shè)計(jì)原則，并提供這些原則在實(shí)踐中常見(jiàn)的例子。讓我們從系列位置效應(yīng)開(kāi)始:
系列位置效應(yīng)
系列位置效應(yīng)是指用戶傾向于最好地記住一個(gè)系列中的第一項(xiàng)和最后一項(xiàng)。
從左到右依次是Twitter、Medium、ProductHunt
這就是為什么現(xiàn)在大多數(shù)應(yīng)用程序都拋棄了漢堡包菜單，而采用底部或頂部的導(dǎo)航條，將最重要的用戶操作放在右邊或左邊。在上圖中，你可以看到一些來(lái)自流行的iOS應(yīng)用程序的例子。每一個(gè)都把“主頁(yè)”和“個(gè)人中心”項(xiàng)目放在左邊和右邊，考慮到連續(xù)的位置效果。
馮·雷斯托夫效應(yīng)
馮·雷斯托夫效應(yīng)（von Restorff Effect），又稱(chēng)隔離效應(yīng)（isolation effect），以及新奇效應(yīng)（novelty effect）。
當(dāng)存在多個(gè)相似對(duì)象時(shí)，與其他對(duì)象不同的對(duì)象最有可能被記住!
這就是為什么所有的行為召喚(CTA)操作看起來(lái)都與站點(diǎn)或應(yīng)用程序中的其他操作按鈕不同的主要原因!
我們希望用戶能夠區(qū)分簡(jiǎn)單的操作按鈕和CTA，以便他們能夠清楚地理解CTA的功能，同時(shí)在使用應(yīng)用程序或站點(diǎn)時(shí)記住它。
一個(gè)理想的CTA的樣子：
應(yīng)該容易發(fā)現(xiàn)。
CTA文本應(yīng)該被視為一個(gè)簡(jiǎn)單而又可操作的短語(yǔ)。
采取這一行動(dòng)的目標(biāo)應(yīng)該足夠誘人。
認(rèn)知負(fù)荷理論
認(rèn)知負(fù)荷是指一個(gè)人在工作記憶中所耗費(fèi)的全部腦力勞動(dòng)。簡(jiǎn)單地說(shuō)，它是你為了完成一項(xiàng)特定任務(wù)而需要鍛煉的思維量。
“如果用戶能從他們理解的事物中識(shí)別出模式，那么他們就更容易學(xué)到新東西。”
“認(rèn)知負(fù)荷是你為了完成一項(xiàng)特定任務(wù)而需要鍛煉的思維量。”
認(rèn)知負(fù)荷理論可分為三類(lèi):
內(nèi)在認(rèn)知負(fù)荷
無(wú)關(guān)的認(rèn)知負(fù)荷
相關(guān)聯(lián)的認(rèn)知負(fù)荷
我將涉及到內(nèi)在和相關(guān)聯(lián)的類(lèi)型，因?yàn)槲艺J(rèn)為它們是最適用于UX設(shè)計(jì)的。
內(nèi)在認(rèn)知負(fù)荷
內(nèi)在的認(rèn)知負(fù)擔(dān)是與特定教學(xué)主題相關(guān)的困難。這是微觀復(fù)制和復(fù)制在良好的用戶體驗(yàn)中發(fā)揮重要作用的主要原因。
例如，在應(yīng)用程序的空狀態(tài)下，我們會(huì)提示用戶完成一個(gè)任務(wù)。在這里，為了讓用戶能夠輕松地遵循說(shuō)明，副本需要簡(jiǎn)短、簡(jiǎn)單并帶有適當(dāng)?shù)膯卧~。
從左到右依次是保持活力、串聯(lián)、清晰的圖表
相關(guān)聯(lián)的認(rèn)知負(fù)荷
關(guān)聯(lián)認(rèn)知負(fù)荷是指用于處理信息和圖式構(gòu)建的認(rèn)知負(fù)荷。圖式描述的是一種思維模式，它將信息的類(lèi)別及其之間的關(guān)系組織起來(lái)。
我們使用設(shè)計(jì)模式的原因之一是，它們是我們預(yù)設(shè)要做的事情——因此，如果用戶能夠從他們已經(jīng)理解的東西中識(shí)別出一個(gè)模式，他們就更容易識(shí)別和學(xué)習(xí)新的東西。
席克定律
席克定律和格式塔定律是最受歡迎的原則。
它很容易理解和實(shí)踐。希克定律描述了一個(gè)人做出決定所需的時(shí)間取決于他或她可以選擇的選項(xiàng)數(shù)量。因此，如果選擇的數(shù)量增加，則做出決定的時(shí)間將對(duì)數(shù)增加。
一個(gè)應(yīng)用于用戶體驗(yàn)設(shè)計(jì)的很好的例子就是列表:
希克定律的例子
格式塔定律
格式塔心理學(xué)（gestalt psychology），又叫完形心理學(xué)，是西方現(xiàn)代心理學(xué)的主要學(xué)派之一，誕生于德國(guó)，后來(lái)在美國(guó)得到進(jìn)一步發(fā)展。該學(xué)派既反對(duì)美國(guó)構(gòu)造主義心理學(xué)的元素主義，也反對(duì)行為主義心理學(xué)的刺激—反應(yīng)公式，主張研究直接經(jīng)驗(yàn)（即意識(shí)）和行為，強(qiáng)調(diào)經(jīng)驗(yàn)和行為的整體性，認(rèn)為整體不等于并且大于部分之和，主張以整體的動(dòng)力結(jié)構(gòu)觀來(lái)研究心理現(xiàn)象。該學(xué)派的創(chuàng)始人是韋特海默，代表人物還有苛勒和考夫卡。
格式塔原理主要包括：主體-背景原則、接近性原則、相似性原則、連續(xù)性原則、封閉性原則、簡(jiǎn)單性原則、共同命運(yùn)原則等。
主體-背景原則
這條原則可以理解為“什么重要，什么不重要”，或者說(shuō)成“主體-背景原則”。
當(dāng)用戶處在一個(gè)場(chǎng)景中時(shí)，本能的第一反應(yīng)是判斷視野中哪些內(nèi)容是重要的、需要馬上感知的，哪些內(nèi)容是不重要的。為了完成這一點(diǎn)，大腦需要將畫(huà)面中的元素分開(kāi)成主體元素（需要關(guān)注的元素）和背景元素（不那么重要的輔助元素）兩部分。
Apple Music：在音樂(lè)播放頁(yè)面，在白色背景上，有非常突出的主體：專(zhuān)輯封面、進(jìn)度條、播放控制按鈕等，此外當(dāng)用戶進(jìn)行播放控制時(shí)，專(zhuān)輯和進(jìn)度條的大小會(huì)隨之變化，這種主體與背景的層次對(duì)比很鮮明，非常符合 iOS 設(shè)計(jì)語(yǔ)言。
鄰近法則
鄰近定律是感知組織格式塔定律的一部分，它指出彼此接近或接近的物體往往會(huì)組合在一起。簡(jiǎn)而言之，我們的大腦可以輕松地將彼此靠近的對(duì)象關(guān)聯(lián)起來(lái)，這比相距較遠(yuǎn)的對(duì)象要好。之所以發(fā)生這種聚類(lèi)，是因?yàn)槿祟?lèi)天生就有將事物組織和分組的傾向。
在上面的示例中，有72個(gè)圓圈。我們根據(jù)圓與圓之間的距離來(lái)識(shí)別圓。從類(lèi)別上來(lái)說(shuō)，我們還可以感知到圖像左側(cè)有一組36個(gè)圓圈，圖像右側(cè)有3組12個(gè)圓圈。
“接近法則規(guī)定，彼此靠近或接近的物體往往會(huì)組合在一起”
我相信這個(gè)示例清楚地表明，在設(shè)計(jì)UI時(shí)需要將事物分組在一起，并且在將事物放在一起時(shí)務(wù)必小心，因?yàn)橛脩艨赡茏匀粫?huì)認(rèn)為它們彼此關(guān)聯(lián)。
相似性法則
如果元素彼此相似，則元素傾向于被感知為一組。這也意味著如果具有相同功能、含義和層次結(jié)構(gòu)級(jí)別的元素，則應(yīng)在視覺(jué)上保持統(tǒng)一匹配。
歌曲列表、播放列表內(nèi)的元素?fù)碛邢嗤墓δ堋⒑x和邏輯層次結(jié)構(gòu)，所以視覺(jué)形式上滿足相似性法則并高度統(tǒng)一。
我們傾向于將彼此相似的元素視為同一個(gè)分組。相似性可以幫助我們組織和分類(lèi)頁(yè)面里的元素對(duì)象，并將它們與特定的含義或功能相關(guān)聯(lián)。有不同的方法可以使元素被認(rèn)為是相似的，這些方法包括顏色，大小，形狀，紋理，尺寸和方向的相似性。
連續(xù)性法則
視覺(jué)傾向于感知連續(xù)的形式而不是分散的碎片。
在排行榜頁(yè)面，與榜單歌曲或?qū)］嬒嚓P(guān)的操作按鈕統(tǒng)一出現(xiàn)在屏幕右側(cè)，自上而下排列，不僅視覺(jué)上保持連續(xù)性，在點(diǎn)擊熱區(qū)上也保持了連續(xù)。
我們的思想更喜歡阻力最小的道路。連續(xù)性幫助我們通過(guò)構(gòu)圖來(lái)解釋方向和運(yùn)動(dòng)。它在對(duì)齊元素時(shí)發(fā)生，它可以幫助我們的眼睛順利地穿過(guò)頁(yè)面，有助于提高易讀性。連續(xù)性原則加強(qiáng)了對(duì)分組信息的感知，創(chuàng)建了秩序并引導(dǎo)用戶通過(guò)不同的內(nèi)容細(xì)分。
閉合性法則
視覺(jué)會(huì)自動(dòng)嘗試將空出/殘缺的圖形閉合（或腦補(bǔ)）起來(lái)，從而將其感知為完整的物體而不是破碎的物體。
在為你推薦、瀏覽、廣播頁(yè)面水平方向的第一屏，用殘缺的元素形狀內(nèi)容表示頁(yè)面的水平空間仍有元素信息未完全顯示，用戶看到「殘缺」的形狀后，會(huì)自動(dòng)腦補(bǔ)剩下的形狀。
簡(jiǎn)單點(diǎn)說(shuō)，當(dāng)圖形是一個(gè)殘缺圖形，但主體有一種使其閉合的傾向，即主體能自行填補(bǔ)缺口從而將其感知為一個(gè)整體。
簡(jiǎn)單法則
人的眼睛喜歡在復(fù)雜的形狀中找到簡(jiǎn)單而有序的對(duì)象，當(dāng)我們?cè)谝粋€(gè)設(shè)計(jì)中看到復(fù)雜的物體時(shí)，眼睛更愿意將它們轉(zhuǎn)換為單一統(tǒng)一形狀，并嘗試從這些形狀中移除無(wú)關(guān)的細(xì)節(jié)來(lái)簡(jiǎn)化這些物體。
如果頁(yè)面需要引導(dǎo)用戶進(jìn)行某種操作，Apple Music 會(huì)突出那些用戶目標(biāo)非常明確的功能按鈕；此外，大多數(shù)藝人照片的背景幾乎是純色，旨在突出藝人形象。
共同命運(yùn)法則
前面的幾個(gè)格式塔原理都是針對(duì)靜態(tài)的圖形，這里的共同命運(yùn)是針對(duì)的是運(yùn)動(dòng)的物體。共同命運(yùn)和前面的相似性和接近性相關(guān)，都影響著我們感知的物體是否在同一個(gè)組里。共同命運(yùn)指出具有共同運(yùn)動(dòng)形式的物體被感知為彼此相關(guān)的一組。
在完成選擇喜愛(ài)的音樂(lè)類(lèi)別和藝人時(shí)，選中的對(duì)象會(huì)一同被「裝進(jìn)」下方的按鈕。
