2022-5-9 ui設(shè)計分享達(dá)人
很多網(wǎng)站在短時間內(nèi)就取得了巨大的進(jìn)步 —— 那些過去十年里最知名的品牌網(wǎng)站，與第一次迭代相比發(fā)生了很大的變化，這令人感到無比驚訝。
網(wǎng)站最初用于商業(yè)目的時，人們并沒有過多地關(guān)注用戶體驗。過去的目的是將盡可能多的內(nèi)容塞進(jìn)一頁里?，F(xiàn)在，設(shè)計師們通過大量研究、數(shù)據(jù)挖掘和優(yōu)化等方式來吸引用戶的注意力，同時在正確的時間提供合適的內(nèi)容、功能和選項。
越來越多的公司正在采用先進(jìn)的心理學(xué)研究，以推動用戶參與更多的互動和付費(fèi)項目，這一現(xiàn)象使得曾經(jīng)被認(rèn)為是一門藝術(shù)的東西轉(zhuǎn)變成了一門科學(xué)。
1997 年的 Apple 網(wǎng)站
除了許多必要的元素之外，好的設(shè)計總是會考慮到用戶的情感和心理需求。讓我們來看看什么是「說服式設(shè)計」，并探索如何將影響人類行為的心理過程應(yīng)用到設(shè)計中。
“說服” 這個詞往往與操縱、欺騙相關(guān)聯(lián)，尤其是對一個善于使用「互聯(lián)網(wǎng)陷阱」的設(shè)計師來說。但是，我們要明確一點，說服式設(shè)計中的 “說服” 并不是這個意思。說服式設(shè)計可以使網(wǎng)站易于使用，從而改善用戶體驗。因為，說服式設(shè)計是源于對心理誘因、用戶行為的理解和運(yùn)用。
（互聯(lián)網(wǎng)陷阱：興于 2010 年，由當(dāng)時英國用戶體驗咨詢師 Harry·Brignull 首次提出，指的是網(wǎng)站或應(yīng)用程序采用誘導(dǎo)性或脅迫性設(shè)計，迫使用戶采取或不采取某種行動）
例如，亞馬遜就很好的運(yùn)用了說服式設(shè)計，它通過推薦其他產(chǎn)品和配件，以及展示 “查看過此商品的顧客也購買了某物品” 的選項，引導(dǎo)用戶繼續(xù)購買更多商品。為了快速完成銷售，他們還為購物者提供了一鍵購買商品的功能。
亞馬遜運(yùn)用說服式設(shè)計的案例
我們都一直在花費(fèi)大量時間上網(wǎng)，設(shè)計師可以利用從線下行為中學(xué)到的知識來創(chuàng)造更好的用戶體驗。無論你是想優(yōu)化現(xiàn)有網(wǎng)站還是構(gòu)建應(yīng)用程序，說服式設(shè)計都將引導(dǎo)和支持用戶的在線體驗。
設(shè)計師要如何利用心理學(xué)的研究成果來增強(qiáng)其設(shè)計的影響力呢？
理解心理學(xué)原理可以讓你對工作的基本原理有更透徹的理解。它可以：
讓我們來討論一些心理學(xué)理論。
作為人類，我們天生就需要控制。這可以追溯到我們最本源的需求。在劃分需求層次時，心理學(xué)家亞伯拉罕·馬斯洛（Abraham Maslow）在提出需求層次時，將我們最基本的需求命名為：健康、食物和睡眠。所有這些都需要我們對環(huán)境進(jìn)行一定程度的控制。
馬斯洛需求層次
作為 UI 設(shè)計師，我們需要確保用戶在我們?yōu)樗麄儎?chuàng)建的環(huán)境中擁有積極的體驗。這就意味著需要通過提供合適的工具來增強(qiáng)用戶的能力，以幫助用戶在產(chǎn)品的使用過程中獲得控制感。
“今天，你可以調(diào)整屏幕的亮度，禁用通知，并可以決定手機(jī)是否應(yīng)該同時連接蜂窩數(shù)據(jù)和 Wi-Fi …… 即使這些調(diào)整只會將手機(jī)的電池壽命延長幾分鐘，但這種可以掌控一切的成就感也會使用戶感到溫暖?！?-- 用戶體驗顧問 Nadine Kintscher
我們需要創(chuàng)建能夠平衡功能和視覺吸引力的界面，并將掌控權(quán)提交給用戶，以便他們有更滿意的體驗。
澳大利亞房地產(chǎn)搜索網(wǎng)站 Realestate 成功的做到了這一點，它讓用戶能夠根據(jù)自己的偏好篩選所有房產(chǎn)，并讓他們可以選擇按不同的標(biāo)準(zhǔn)進(jìn)行排序。
澳大利亞房地產(chǎn)搜索網(wǎng)站 https://www.realestate.com.au
我們該如何設(shè)計一種數(shù)字體驗，才能使用戶在適當(dāng)?shù)臅r候進(jìn)行所需的行為？這需要了解一個簡理論 -- 「福格行為模型」：一個人行為（Behavior）的發(fā)生需要滿足至少三個條件，動機(jī)（Motivation）,能力（ability）和誘因（trigger），用公式表示即 B = MAT，這三者必須同時具備，缺少任一條件都不會導(dǎo)致行為的發(fā)生。對于任何試圖實踐勸導(dǎo)心理學(xué)的人來說都是理想的選擇。理論表明，一個行為得以發(fā)生，行為者首先需要有進(jìn)行此行為的動機(jī)和操作此行為的能力，接著，如果他們有充足的動機(jī)和能力來實施既定行為，他們就會在被誘導(dǎo)時進(jìn)行此行為，預(yù)期的行為就會發(fā)生。
（福格行為模型：由斯坦福大學(xué)「說服技術(shù)研究實驗室」Persuasive Technology Lab 創(chuàng)始人 BJ Fogg 研究而來）
動機(jī) -- 人們做出這一行為的原因是什么，做出這一行為的原始動因是什么；
能力 -- 人們做出此行為需要滿足什么能力，人們是否有條件來完成這個行動或者做這件事；
觸發(fā) -- 是什么誘發(fā)用戶會做出這個行為，什么因素會導(dǎo)致用戶會完成這個。
福格行為模型（https://behaviormodel.org/）
尼爾·埃亞爾（Nir Eyal）和瑞安·胡佛（Ryan Hoover）合著的書籍《上癮》中曾提到過 福格行為模型，揭示了很多讓用戶形成習(xí)慣，甚至“上癮”的互聯(lián)網(wǎng)產(chǎn)品服務(wù)背后的基本設(shè)計原理，告訴你怎樣打造一款讓用戶欲罷不能的產(chǎn)品。作者根據(jù)自己多年的研究、咨詢及實際經(jīng)驗，提出了新穎而實用的 「上癮模型」（Hook Model），即通過四個方面來養(yǎng)成用戶的使用習(xí)慣。通過連續(xù)的“上癮循環(huán)”，讓用戶成為“回頭客”，進(jìn)而實現(xiàn)循環(huán)消費(fèi)的終極目標(biāo)，而不是依賴高昂的廣告投入或泛濫粗暴的信息傳播。
上癮模型
一個很好的例子是 TurboTax，在《為心靈設(shè)計：勸導(dǎo)式設(shè)計的七個心理學(xué)原則》一書中討論過。
即使交稅不會使我們感到開心，我們?nèi)杂泻軓?qiáng)的動力來報稅。然而，與其他所有國家一樣，美國的稅收制度過于復(fù)雜，難以理解。TurboTax 在書中提到，使用戶能夠通過詢問基本問題更輕松地完成納稅，可以有效的提高用戶的納稅能力。在 TurboTax 的設(shè)計中，他舍棄了冗長的文檔，相反，創(chuàng)建了一個工作流，使用戶可以進(jìn)行簡單的逐步操作。最終便捷的操作方式會成為誘因，使用戶愿意嘗試在線提交稅款。
TurboTax 設(shè)計的報稅系統(tǒng)
用戶有充足的動機(jī)和能力，同時又具備誘因，三個要素完美結(jié)合的情況可能會讓人感到過于理想或不自然。事實上，其中某一因素占比多也沒關(guān)系。發(fā)微博就是一個很好的例子，沒有什么重要事情的話，發(fā)微博的動機(jī)可能很低，大多都是瀏覽；但觸發(fā)因素隨時都可能出現(xiàn)，提醒你可以開始行動了，可能是一個轉(zhuǎn)發(fā)抽獎的活動、可能是朋友正好生日；同時，發(fā)微博的操作非常便捷，用戶具備能力隨時都可以發(fā)布。
作為設(shè)計師，我們可以使用該理論來檢查是否為用戶建立了足夠的動機(jī)和能力，并提供誘因來引發(fā)他們的行為。
以上兩種理論（控制感，以及 動機(jī)、能力和誘因）都需要進(jìn)一步的研究，它們在設(shè)計界面時非常有用。
或者，有一些更簡單的心理學(xué)理論，不需要較復(fù)雜的研究，即可用到你的設(shè)計中，比如 稀缺 和 害怕錯過（FOMO -- Fear of Missing Out）的概念。
亞馬遜在商品上增加 “只剩下 1 件存貨” 強(qiáng)調(diào)庫存不足，使用 FOMO 加強(qiáng)緊迫感
幾十年來，心理學(xué)家一直對人們保持注意力的能力不斷下降而感到困擾。
眼動追蹤已經(jīng)存在一段時間了，它主要用于測量用戶注視某一點的位置和持續(xù)時間。研究表明，互聯(lián)網(wǎng)的平均注意力持續(xù)時間不到幾秒鐘，用戶會立即做出有關(guān)網(wǎng)站的決定，如果不適合，就會離開。
數(shù)據(jù)驅(qū)動的設(shè)計（https://www.eyequant.com）
EyeQuant 將這一想法向前推進(jìn)了一步，利用眼球追蹤數(shù)據(jù)構(gòu)建了一種預(yù)測算法。你無需自己進(jìn)行眼動測試，而是將設(shè)計上傳到他們的網(wǎng)站，他們會告訴你用戶在使用你的網(wǎng)站時關(guān)注點在哪些地方。
他們找了德國的參與者，并利用這些參與者建立了一個龐大的數(shù)據(jù)庫，該數(shù)據(jù)庫包含了大量吸引用戶注意力的內(nèi)容和不吸引用戶注意的內(nèi)容。研究發(fā)現(xiàn)，高對比度色彩比較容易吸引用戶，表情和粗體的文字也是如此。
眼動追蹤軟件可能很昂貴。取而代之的是，諸如 Sumo Heat Maps 的在線分析軟件，可用于顯示訪問者單擊的內(nèi)容和位置，以及吸引最多注意力的內(nèi)容。然而，請記住，雖然我們可能會抓住大腦的注意力，但我們也有可能會把用戶從更重要的事情上拉走。
使用眼動追蹤或熱力圖可以使設(shè)計人員立即獲得有關(guān)其設(shè)計的客觀反饋。作為設(shè)計師，它可以用作用戶體驗想法的驗證，并為你的設(shè)計決策提供數(shù)據(jù)，允許你通過 A / B 測試來優(yōu)化設(shè)計。
眼動追蹤可獲得用戶行為的客觀反饋
你是否曾經(jīng)注意到人類天生會有模仿他人的欲望？一個人的欲望也會促成他人的欲望。這種理論是由勒內(nèi)·吉拉德（Rene Girard）提出的，理論認(rèn)為，如果某人表現(xiàn)出對某件物品的渴望，你也會渴望得到這件物品。廣告商就是利用這一方式促成人們對某物的渴望，顯然，廣告成功的激發(fā)了人們更多的欲望。
你我都是模仿生物。Darren Bridger 的《神經(jīng)設(shè)計》一書就探索了這一理論，研究發(fā)現(xiàn)我們有一個鏡像神經(jīng)元系統(tǒng)。換句話說，僅看到某人執(zhí)行某項操作（例如撿起一件物品）就會使你的大腦反映出該活動。
模仿一詞的英文解釋
模仿欲理論意味著如果我們看到別人擁有某樣?xùn)|西，我們便也想擁有 —— 這一點可以用 「社會認(rèn)同」（或從眾心理）來解釋。
一種社會認(rèn)同是來自 “用戶的認(rèn)同”，就像是推薦。推薦之所以有效，是因為它們來自擁有共同愿望和價值觀的人。例如，專門為企業(yè)家服務(wù)的媒體 Foundr 不僅使用用戶的聲音，而且還顯示人臉，從而觸發(fā)了鏡像神經(jīng)元系統(tǒng)。
Foundr 專門為企業(yè)家提供媒體服務(wù)
另一種社會認(rèn)同是來自 “專家的認(rèn)同”，即你的產(chǎn)品獲得了專家的認(rèn)可，例如你的產(chǎn)品被 Twitter 提及、新聞引用、甚至有大 V 專門為你的產(chǎn)品撰文。Google 在其最新的 Pixel 手機(jī)廣告系列中使用了這種技巧，用 Google 自身的品牌影響力作為最強(qiáng)力的背書推薦這款手機(jī)。
僅僅強(qiáng)調(diào)這款手機(jī)是 Google 出品，無須多言
對于設(shè)計師來說，現(xiàn)在是一個令人激動的好時代 -- 有豐富的資源和研究可以支撐我們的工作。
設(shè)計趨勢正在向體感，語音、虛擬現(xiàn)實（VR）、增強(qiáng)現(xiàn)實（AR）、混合現(xiàn)實（MR）和物聯(lián)網(wǎng)（IoT）轉(zhuǎn)變；隨著這些交互技術(shù)的不斷發(fā)展，人們需要以更直觀的方式來使用界面。
我們將迎來許多新的設(shè)計機(jī)會，而心理學(xué)將在其中發(fā)揮著重要的作用。
下一個我們?nèi)粘Ｉ钪信c設(shè)備交互方式的重大轉(zhuǎn)變，將從觸屏變?yōu)槭褂媚X電波交互。該技術(shù)已經(jīng)可用，使人們能夠通過思想直接控制其設(shè)備。
隨著我們逐漸接近人們的真實想法，心理學(xué)在設(shè)計中的應(yīng)用以及設(shè)計師的道德責(zé)任將發(fā)揮越來越重要的作用。
除了使用分析法、用戶研究、用戶體驗地圖和其他方法來幫助做出設(shè)計決策并迭代產(chǎn)品外，設(shè)計師還應(yīng)考慮使用上述四種有說服力的設(shè)計方法來完善其 “技巧工具包”。
有說服力的設(shè)計并不邪惡。它是一種工具，并且像任何工具一樣，它可能被濫用。然而，通過正確的研究和深思熟慮的應(yīng)用，它可以成為任何設(shè)計師工具箱中的寶貴補(bǔ)充。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com