對(duì)心理學(xué)的理解，尤其是對(duì)用戶如何操作數(shù)字界面并與之交互的心理學(xué)，也許是設(shè)計(jì)師可以擁有的最有價(jià)值的非設(shè)計(jì)技能之一。最優(yōu)雅的設(shè)計(jì)是迫使用戶在毫無(wú)感知的情況下順其自然的遵循你設(shè)計(jì)的設(shè)計(jì)，而不是用戶在做決斷時(shí)要費(fèi)盡心思去感知和處理周圍信息。
本實(shí)用指南說(shuō)明了如何應(yīng)用心理學(xué)的主要原理來(lái)構(gòu)建更加直觀和以人為本的產(chǎn)品和體驗(yàn)。作者Jon Yablonski解構(gòu)了熟悉的應(yīng)用程序和體驗(yàn)，以提供清晰的示例來(lái)說(shuō)明UX設(shè)計(jì)人員如何構(gòu)建可適應(yīng)用戶感知和處理數(shù)字接口方式的體驗(yàn)。具體法則如下
01 審美可用效應(yīng)
定義：人們將審美程度較高的設(shè)計(jì)比審美程度較低的設(shè)計(jì)更易于使用。
換句話說(shuō)，用戶會(huì)對(duì)您的視覺(jué)設(shè)計(jì)產(chǎn)生積極的情感反應(yīng)，這使他們對(duì)網(wǎng)站上的較小可用性問(wèn)題更加寬容。在大多數(shù)情況下，從您的角度來(lái)看這是一件積極的事情。這種效果是為什么良好的用戶體驗(yàn)不能只是功能性UI的主要原因-設(shè)計(jì)一個(gè)既具有吸引力又具有功能性的界面值得資源。除了擁有出色的UX外，擁有出色的UI和視覺(jué)設(shè)計(jì)也同樣重要。
應(yīng)用：我們可以將這種效應(yīng)應(yīng)用在自己的產(chǎn)品設(shè)計(jì)中，撬開(kāi)用戶對(duì)產(chǎn)品的興趣之門，?與設(shè)計(jì)的個(gè)人關(guān)系和積極關(guān)系喚起了人們的感情，忠誠(chéng)和耐心；但是，審美可用性效應(yīng)也有其局限性。?漂亮的設(shè)計(jì)可以使用戶更寬容，不代表可以忽略產(chǎn)品價(jià)值本身的投入設(shè)計(jì)。（根據(jù)電子商務(wù)的第一定律，如果用戶找不到產(chǎn)品，則用戶也無(wú)法購(gòu)買產(chǎn)品。即使外觀漂亮的網(wǎng)站如果可找到性差，也將沒(méi)有收入。）
因此在實(shí)際運(yùn)用中要將形式和功能相結(jié)合，相輔相成。用美學(xué)的設(shè)計(jì)方法去增強(qiáng)設(shè)計(jì)的美觀價(jià)值，同時(shí)增強(qiáng)產(chǎn)品的內(nèi)容和功能，才能讓產(chǎn)品本身真正的博得用戶喜愛(ài)。
02 多赫蒂閾值法則
定義：系統(tǒng)需要在 400ms 內(nèi)對(duì)使用者的操作做出響應(yīng)，這樣才能夠讓使用者保持專注，并提高生產(chǎn)效率。
1982年，Walter J. Doherty和Ahrvind J. Thadani在IBM Systems Journal上發(fā)表了一篇研究論文，將計(jì)算機(jī)響應(yīng)時(shí)間的要求設(shè)置為400毫秒，而不是以前的標(biāo)準(zhǔn)2,000（2秒）。當(dāng)執(zhí)行人的命令并在400毫秒內(nèi)返回答案時(shí)，它被認(rèn)為已超過(guò)Doherty閾值，并且對(duì)此類應(yīng)用程序的使用被視為對(duì)用戶“上癮”。
重點(diǎn)：在400毫秒內(nèi)提供系統(tǒng)反饋，以吸引用戶的注意力并提高生產(chǎn)率。使用感知性能來(lái)增加響應(yīng)時(shí)間并減少等待感。
應(yīng)用：?
①?交互設(shè)計(jì)中合理的操作響應(yīng)時(shí)長(zhǎng)、方式有助于用戶保持專注和提高效率；如：iOS的系統(tǒng)反應(yīng)速度
② 軟件操作的過(guò)度動(dòng)畫時(shí)間不宜太短或太長(zhǎng)，最常見(jiàn)于 400ms 左近
③ 如果無(wú)法避免操作中較長(zhǎng)讀取、等待時(shí)間，那么就用其他更有趣的動(dòng)畫、頁(yè)面來(lái)減少用戶的焦慮感：在真實(shí)世界中我們使用應(yīng)用時(shí)會(huì)發(fā)現(xiàn)，有時(shí)候響應(yīng)速度沒(méi)辦法做到如此迅捷快速，比如 APP 啟動(dòng)時(shí)；還有時(shí)候即便系統(tǒng)可以響應(yīng)，網(wǎng)絡(luò)卻不行。網(wǎng)絡(luò)并不能在用戶操作的一瞬間就把所有需要的資源都下載好，用戶必須等待幾秒的時(shí)間，那么這時(shí)候就需要考慮如何減少用戶等待的焦灼感，優(yōu)化等待的體驗(yàn)。
比如有趣的加載動(dòng)畫、閃屏頁(yè)等，都算是解決辦法。
03 菲茨定律
定義：人將指針（例如鼠標(biāo)光標(biāo)）移動(dòng)到目標(biāo)區(qū)域所需的時(shí)間量是到目標(biāo)的距離除以目標(biāo)大小的函數(shù)。因此，距離越長(zhǎng)，目標(biāo)的尺寸越小，花費(fèi)的時(shí)間越長(zhǎng)。
1954年，心理學(xué)家保羅·菲茨（Paul Fitts）檢查了人類的運(yùn)動(dòng)系統(tǒng)，結(jié)果表明，移至目標(biāo)所需的時(shí)間取決于與目標(biāo)的距離，但與目標(biāo)的大小成反比。根據(jù)他的定律，由于速度精度的折衷，快速移動(dòng)和小的目標(biāo)導(dǎo)致更高的錯(cuò)誤率。盡管存在菲茨定律的多種變體，但都包含了這一思想。
費(fèi)茨定律最簡(jiǎn)單地說(shuō)，物體越大，物體離我們?cè)浇覀冊(cè)饺菀走_(dá)到它。這很明顯，不是嗎？然而，菲茨定律的應(yīng)用很重要。
重點(diǎn)：用戶界面設(shè)計(jì)的目的應(yīng)該是減小從一個(gè)點(diǎn)到下一個(gè)點(diǎn)的距離，并使目標(biāo)對(duì)象足夠大，以便能夠在不犧牲精度的情況下迅速檢測(cè)和選擇交互式元素。這方面的一個(gè)特定方面是確保用戶能夠單擊交互式元素上的任意位置以執(zhí)行分配的操作。例如，鏈接，無(wú)論是文本，圖像還是按鈕形式都應(yīng)允許單擊整個(gè)區(qū)域。
應(yīng)用：目標(biāo)的大小及其與用戶界面內(nèi)用戶當(dāng)前位置的距離會(huì)以多種方式影響用戶體驗(yàn)。依次考慮了對(duì)用戶界面設(shè)計(jì)和用戶體驗(yàn)的一些主要影響
①??圖形用戶界面中的命令按鈕和任何其他交互式元素必須通過(guò)大小與其他非交互式元素區(qū)分開(kāi)。盡管看似顯而易見(jiàn)，但用戶界面設(shè)計(jì)常常忽略了按鈕越大，越容易通過(guò)定位設(shè)備單擊的問(wèn)題。隨著交互式對(duì)象尺寸的減小，表面積會(huì)減小，從而需要一定的精確度，從而增加選擇時(shí)間。
②?由于屏幕的固定作用，圖形用戶界面的外邊緣和角可以比顯示器中的其他任何地方更快地獲取。由于用戶的動(dòng)作受到限制，定點(diǎn)設(shè)備在到達(dá)屏幕的最外點(diǎn)時(shí)無(wú)法進(jìn)一步移動(dòng)。將光標(biāo)固定在顯示器外圍的某個(gè)點(diǎn)上。
③?彈出菜單比下拉菜單更好地支持交互式元素的立即選擇，因?yàn)橛脩舨槐貙⒐鈽?biāo)從其當(dāng)前位置移開(kāi)。因此，允許用戶在不移動(dòng)的情況下進(jìn)行交互的圖形設(shè)計(jì)有助于減少“旅行時(shí)間”。
④ 在線性菜單中選擇選項(xiàng)（無(wú)論是垂直菜單（例如，下拉菜單）還是水平菜單（例如，頂層導(dǎo)航））所花費(fèi)的時(shí)間要比單擊圓形菜單中的餅形菜單中的選項(xiàng)要長(zhǎng)。餅狀菜單中所有選項(xiàng)的行進(jìn)距離都相同，這與線性菜單不同，線性菜單中的距離沿用戶選擇的選項(xiàng)列表的上下方向進(jìn)一步增加。此外，餅圖菜單中的目標(biāo)區(qū)域較大，楔形按鈕在移動(dòng)光標(biāo)時(shí)提供了較大的錯(cuò)誤余量
⑤?任務(wù)欄會(huì)阻止通過(guò)界面的移動(dòng)，因?yàn)榕c在屏幕外部限制上放置選項(xiàng)相比，任務(wù)欄需要更耗時(shí)的精度。盡管不符合菲茨定律，但多個(gè)任務(wù)欄可能會(huì)引起一定程度的混亂，或者至少要求用戶自覺(jué)地參與屏幕布置以確保適當(dāng)?shù)倪x擇。
總結(jié)：菲茨定律適用于圖形顯示中的交互式對(duì)象的設(shè)計(jì)。隨著對(duì)象大小的增加，選擇時(shí)間會(huì)減少，并且用戶起點(diǎn)和對(duì)象之間的距離會(huì)減小，因此進(jìn)行選擇所花費(fèi)的時(shí)間也會(huì)減少。相反，放置在距離用戶起始位置較遠(yuǎn)的小物體需要花費(fèi)最長(zhǎng)的時(shí)間來(lái)選擇。因此，設(shè)計(jì)人員應(yīng)努力使同一序列鏈中使用的對(duì)象彼此接近。他們還應(yīng)嘗試使屏幕上的交互元素盡可能大，以使可用空間足夠大。分散開(kāi)的小物件需要最長(zhǎng)的時(shí)間來(lái)選擇；盡可能避免這種設(shè)計(jì)特征的組合。
04 希克定律
定義：用戶面對(duì)的刺激（或選擇）越多，他們做出決定的時(shí)間就越長(zhǎng)。
重點(diǎn)：a）用戶的時(shí)間很寶貴 b）用戶沒(méi)有義務(wù)留在我們的網(wǎng)站上
應(yīng)用：
①??對(duì)選擇進(jìn)行分類?–使用戶能夠查找更高類別的項(xiàng)目，就像他們?cè)趲?kù)的各個(gè)部分下查找一樣。
② 掩蓋復(fù)雜性?–用更少的選項(xiàng)將長(zhǎng)時(shí)間或復(fù)雜的流程分解為多個(gè)屏幕。
05 雅各布定律
定義：以用戶習(xí)慣的使用模式去設(shè)計(jì)產(chǎn)品，降低用戶學(xué)習(xí)成本，遵從用戶使用習(xí)慣。
雅各布法則是由Nielsen Norman Group的用戶倡導(dǎo)者和負(fù)責(zé)人Jakob Nielsen共同創(chuàng)立的，他與Donald A. Norman博士（蘋果計(jì)算機(jī)公司前研究副總裁）共同創(chuàng)立。Nielsen博士建立了“折扣可用性工程”運(yùn)動(dòng)，以快速，廉價(jià)地改進(jìn)用戶界面，并發(fā)明了幾種可用性方法，包括啟發(fā)式評(píng)估。
重點(diǎn)：
用戶會(huì)將他們圍繞一種熟悉的產(chǎn)品建立的期望轉(zhuǎn)移到看起來(lái)相似的另一種產(chǎn)品上。
通過(guò)利用現(xiàn)有的思維模型，我們可以創(chuàng)建出色的用戶體驗(yàn)，使用戶可以專注于自己的任務(wù)而不是學(xué)習(xí)新的模型。
通過(guò)授權(quán)用戶在有限的時(shí)間內(nèi)繼續(xù)使用熟悉的版本，將不一致性降到最低。
06 分組原則
定義：該分組的原則（或分組的完形法）是一組的原則心理學(xué)，首先提出格式塔心理學(xué)家給占了觀察，人類自然感知物體的組織模式和對(duì)象，被稱為原則Pr?gnanz。格式塔心理學(xué)家認(rèn)為這些原則之所以存在，是因?yàn)轭^腦具有天生的傾向，可以根據(jù)某些規(guī)則感知刺激中的模式。這些原則分為五類：接近度，相似度，連續(xù)性，封閉性和連通性。
①?鄰近度：格式塔接近定律指出“彼此靠近的物體或形狀似乎形成了組”。即使形狀，大小和對(duì)象完全不同，但如果它們靠近也將作為一個(gè)組出現(xiàn)。指較小的元素在組合中“組裝”的方式。該原理也稱為“分組”，它涉及一組元素的集體存在比其作為單獨(dú)元素的存在更有意義時(shí)所產(chǎn)生的效果。將單詞分組還會(huì)以與它們的含義無(wú)關(guān)的非語(yǔ)言方式改變構(gòu)圖的視覺(jué)和心理含義。即使元素沒(méi)有接觸，組合在一起的元素也會(huì)在空間中產(chǎn)生形狀或平面的錯(cuò)覺(jué)。可以使用色調(diào)或值，顏色，形狀，大小或其他物理屬性來(lái)實(shí)現(xiàn)此類分組。
②?相似度：相似性原理指出，感知有助于將在物理上彼此相似的刺激視為同一對(duì)象的一部分，從而使人們能夠根據(jù)其視覺(jué)紋理和相似度來(lái)區(qū)分相鄰和重疊的對(duì)象。具有不同特征的其他刺激通常不被視為對(duì)象的一部分。這方面的一個(gè)例子是許多獨(dú)立農(nóng)民用來(lái)種植農(nóng)作物的大片土地。我們的大腦會(huì)利用相似性來(lái)區(qū)分可能彼此相鄰或重疊的物體，這些物體基于它們的視覺(jué)紋理。每個(gè)農(nóng)民都可以使用獨(dú)特的種植方式，這使他的田地與眾不同。另一個(gè)例子是僅顏色不同的花田。
相似性和鄰近性的原理通常一起工作以形成視覺(jué)層次結(jié)構(gòu)。兩種原則中的任何一種均可主導(dǎo)，這取決于兩者的應(yīng)用和組合。例如，在左側(cè)的網(wǎng)格中，相似性原則主導(dǎo)著鄰近原則，您可能先看到行，然后再看到列。
③?封閉性：封閉原則是指大腦傾向于看到完整的圖形或形式，即使圖片不完整，被其他物體部分隱藏，或者缺少在我們的大腦中繪制完整圖片所需的部分信息。例如，如果缺少形狀邊界的一部分，人們?nèi)匀粌A向于將形狀完全包圍在邊界中，而忽略間隙。這反應(yīng)從我們心靈的自然傾向莖認(rèn)識(shí)到，是我們熟悉的模式，從而在任意填寫的信息可能會(huì)丟失。
封閉也被認(rèn)為是從祖先生存本能演變而來(lái)的，因?yàn)槿绻糠挚吹铰邮痴撸麄兊念^腦會(huì)自動(dòng)完成描述，并且知道是時(shí)候?qū)撛诘奈ｋU(xiǎn)做出反應(yīng)了，即使不是所有必要的信息都可以輕易獲得。 。
④?連通性：當(dāng)兩個(gè)或多個(gè)對(duì)象之間存在交集時(shí)，人們傾向于將每個(gè)對(duì)象視為單個(gè)不間斷的對(duì)象。即使在視覺(jué)重疊時(shí)，也可以區(qū)分刺激。我們傾向于將按照既定方向的線或曲線分組和組織起來(lái)，而不是方向的急劇突變所定義的線或曲線。
⑤?共同的命運(yùn)：當(dāng)看到視覺(jué)元素以相同的速率（光流）以相同的方向向同一方向移動(dòng)時(shí)，感知會(huì)將移動(dòng)與同一刺激相關(guān)聯(lián)。例如，即使它們從相同的方向和相同的速度移動(dòng)，即使從遠(yuǎn)處看到的每只鳥(niǎo)只不過(guò)是一個(gè)點(diǎn)，它們也可以與它們的背景區(qū)分開(kāi)來(lái)。移動(dòng)的“點(diǎn)”似乎是一個(gè)統(tǒng)一整體的一部分。類似地，兩只鳥(niǎo)可以在觀看者的視野中彼此交叉，但是它們?nèi)詫⒗^續(xù)作為單獨(dú)的鳥(niǎo)群被體驗(yàn)，因?yàn)槊恐圾B(niǎo)都有其家禽共有的方向。即使遮蓋了其他細(xì)節(jié)（例如對(duì)象的顏色或輪廓），也可以使人們識(shí)別出移動(dòng)的對(duì)象。這種能力可能是由于進(jìn)化需要將偽裝的捕食者與其背景區(qū)分開(kāi)來(lái)。
通用定律在用戶界面設(shè)計(jì)中被廣泛使用，例如，滾動(dòng)條的移動(dòng)與窗口內(nèi)容視口的移動(dòng)（即裁剪）同步；物理鼠標(biāo)的移動(dòng)與屏幕上箭頭光標(biāo)的移動(dòng)等保持同步。
⑥ 良好形式：良好形式的原理是指將形狀，圖案，顏色等相似的形式歸為一組的趨勢(shì)。即使在兩種或多種形式明顯重疊的情況下，人腦也以允許人們區(qū)分不同樣式和方式的方式來(lái)解釋它們。 /或形狀。一個(gè)例子是一堆禮物，其中用十二種左右的包裝紙或奧運(yùn)五環(huán)圖案包裝了十二個(gè)不同大小和形狀的包裹。
07 普臘涅茨法則
定義：人們會(huì)以最簡(jiǎn)單的形式感知并解釋模糊或復(fù)雜的圖像，因?yàn)檫@種解釋需要我們付出最少的認(rèn)知努力。
1910年，心理學(xué)家馬克斯·韋特海默（Max Wertheimer）看到了一系列的信號(hào)燈，這些信號(hào)燈在平交道口閃爍時(shí)閃閃發(fā)亮。這類似于環(huán)繞電影院大門框的燈的開(kāi)和關(guān)。對(duì)觀察者來(lái)說(shuō)，似乎是單個(gè)燈光圍繞著選框移動(dòng)，從一個(gè)燈泡到另一個(gè)燈泡，實(shí)際上，是一系列打開(kāi)和關(guān)閉的燈泡，而燈光并不能完全移動(dòng)。這種觀察導(dǎo)致了關(guān)于我們?cè)谝曈X(jué)上如何感知物體的一系列描述性原理。這些原則幾乎是我們作為設(shè)計(jì)師以圖形方式進(jìn)行的所有工作的核心。
重點(diǎn)：人眼喜歡在復(fù)雜的形狀中找到簡(jiǎn)單性和有序性，因?yàn)樗梢苑乐刮覀儾恢搿Ｑ芯孔C實(shí)，與復(fù)雜圖形相比，人們?cè)谝曈X(jué)上能夠更好地處理和記住簡(jiǎn)單圖形。
08 鄰近法則
定義：彼此靠近或接近的對(duì)象往往會(huì)組合在一起。
分組原則（或格式塔定律）是心理學(xué)中的一組原則，由格式塔心理學(xué)家首先提出，用以解釋人類自然地將物體視為有組織的模式和物體這一觀點(diǎn)，即眾所周知的原理。格式塔心理學(xué)家認(rèn)為這些原則之所以存在，是因?yàn)轭^腦具有天生的傾向，可以根據(jù)某些規(guī)則感知刺激中的模式。這些原則分為五類：接近度，相似度，連續(xù)性，封閉性和連通性。
重點(diǎn)：鄰近有助于與附近物體建立關(guān)系。鄰近性可幫助用戶更快，更有效地理解和組織信息。
09 相似定律
定義：人眼往往將設(shè)計(jì)中的相似元素視為完整的圖片，形狀或組，即使這些元素是分開(kāi)的。
分組原則（或格式塔定律）是心理學(xué)中的一組原則，由格式塔心理學(xué)家首先提出，用于解釋人類自然地將物體視為有組織的模式和物體的說(shuō)法，這一原理被稱為普蘭涅茨。格式塔心理學(xué)家認(rèn)為這些原則之所以存在，是因?yàn)轭^腦具有天生的傾向，可以根據(jù)某些規(guī)則感知刺激中的模式。這些原則分為五類：接近度，相似度，連續(xù)性，封閉性和連通性。
重點(diǎn)：確保鏈接和導(dǎo)航系統(tǒng)在視覺(jué)上與普通文本元素有所區(qū)別，并且樣式一致。
10 統(tǒng)一聯(lián)系定律
定義：與沒(méi)有連接的元素相比，在視覺(jué)上連接的元素被認(rèn)為更相關(guān)。
分組原則（或格式塔定律）是心理學(xué)中的一組原則，由格式塔心理學(xué)家首先提出，用于解釋人類自然地將物體視為有組織的模式和物體的說(shuō)法，這一原理被稱為普蘭涅茨。格式塔心理學(xué)家認(rèn)為這些原則之所以存在，是因?yàn)轭^腦具有天生的傾向，可以根據(jù)某些規(guī)則感知刺激中的模式。這些原則分為五類：接近度，相似度，連續(xù)性，封閉性和連通性。
重點(diǎn)：具有類似性質(zhì)的分組功能，因此可以通過(guò)顏色，線條，框架或其他形狀在視覺(jué)上進(jìn)行連接。
