心理學驅動的 UX/UI/Web 設計 - 第 1 部分基礎知識

Contents

創建有影響力的網站和 APP，同時在理智、情感和潛意識上吸引用戶。

從這 19 小時的課程，你會學到

通過關注用戶心理來設計有效且有影響力的網站和 APP。
在創建在線內容時使用神經科學和應用心理學的最新發現。
在網路上發佈時，請考慮人類思維的本能、情感和理性表現。
利用人類認知的微妙之處來設計平衡且美觀的網站。
使用格式塔和視覺設計原則構建強大的視覺層次結構，引導用戶實現目標。
在網頁和 APP 設計中使用對心理影響更大的顏色。

要求

本課程沒有先決條件。

課程說明

於網路上有超過 2.5 億個定期更新的網站，它們在某種程度上看起來很相似。你的如何才能在這個擁擠的地方脫穎而出？你如何確保首次訪問者擁有引人入勝的用戶體驗並再次光臨？當他們進來後，快速找到他們正在尋找的東西來實現他們的目標？你能否改善他們的心情並利用這種積極性來實現你的網站目標？還是預測他們無意識的慾望並迎合他們？

本課程將使你能夠創建以人類工作方式為中心的有效且有影響力的網站。通過教你如何在設計時考慮應用心理學的發現，它將使你能夠預測人們將如何與你的網站互動，並考慮他們的感知偏見、動機、情緒狀態和無意識認知。

只有當你徹底了解人類的思維時，你才有希望創造出既簡單又令人愉悅且同時引人入勝的設計。心理學驅動的設計旨在幫助你實現這一目標，讓你在創意過程的每一步都了解人類的思考、感受和行為方式。它的結果是一種同時在理智、情感和無意識下吸引用戶，讓人想要的產品。

有些人將這種方法稱為“為思維設計( designing for the mind )”，另一些人將其稱為“為人類設計( designing for humans )”甚至“神經設計( neurodesign )”。我們更喜歡“心理學驅動設計( psychology driven design )”這個術語，因為這個概念依賴於認知、行為和社會心理學的發現來確定，例如，網站的結構如何影響用戶對它的看法；設計師使用的顏色和類型如何影響他們的心情；以及他們如何與之互動以與他人聯繫。

網站設計的心理影響決定了用戶是否信任它，他們是否會感到重要、自在或好奇等等。簡而言之，它是 Web 用戶體驗好壞的首要決定因素，無論你是 Web 設計新手還是經驗豐富的專業人士，如果你想了解如何利用它的力量，那麼這就是適合你的課程。

本課程適用於哪些人

本課程對所有網頁設計師都有用，在很大程度上也適用於 APP 設計師，無論他們的專業水平和經驗年資如何，從使用現成模板發布他們第一個個人概念的個人，到正在創作原創作品的高度專業的設計師、財富 500 強公司的 Web 界面。即使對於那些根本不精通網頁設計但希望以有影響力的方式將一些內容插入現有的基於 Web 的平台的內容創作者，本課程也非常有用。

對於那些想要完成網站設計的創意部分，然後讓網路開發人員程式設計的人來說，該課程特別有益；對於那些使用現成的網頁模板的人，這些模板可以由用戶修改以快速個性化；當然，對於那些已經精通開發網站但可以使用更深層次的設計知識來使他們的創作更有效的人也有幫助。如果你屬於最後一類，那麼本課程可以為你直覺但尚未完全理解的大部分內容提供合理的理由。

本課程將如何使你受益

網站元素或多或少已經標準化，因此通過在某些上下文中組合它們，你可以很快得到一個相當漂亮的網站。但問題是，內容和設計是相互關聯的。本身基於現成主題的網站不能聲稱使網站具有影響力的那種關係，因為主題總是建立在虛擬內容上。這意味著，為了選擇合適的佈局、視覺效果、顏色、排版等內容，創作更易於瀏覽和共享的內容，設計遊戲化和個性化的用戶體驗，你必須掌握影響你的訪問者的感受，不管你是從頭開始設計還是使用模板。也就是說，了解心理學驅動的網頁設計將使你能夠：

理解為什麼成功的網站是按照它們現在的方式設計的；
評估為什麼在某些情況下，某種設計會產生積極的情緒和想法，而另一種設計會導致用戶沮喪；
通過考慮應用心理學的最新發現來建立增加轉化率的設計；
設計支持人類思想的怪奇、偏見和定義特徵的網站；
設計支持人類視覺感知並改善用戶體驗的展示。

總之，在本課程結束時，你將能夠創建更好的網站並在你的工作中取得更大的成功。

主要學習目標

第1部分

學習以用戶為中心進行設計，從目標設定到用戶研究、定義角色、創建場景、設計用戶旅程和用戶體驗、用戶動機，一直到資訊架構、可用性和可用性測試以及可訪問性問題。

學會在設計網站時考慮到人類注意力、記憶力、感知力、語言和閱讀技能、學習能力以及不同類型的情感的特點和局限性。

通過理解格式塔感知原理( gestalt principles of perception )，學習如何考慮用戶的感知偏差，以創建更能吸引他們的潛意識並更容易瀏覽的網站。

學習使用相似性和對比、視覺權重、視覺方向、主導、焦點、構圖層次、流動和節奏、構圖平衡、比例、空白等來創建感知組織，以實現強大的視覺層次、簡單、統一、多樣性和設計的一致性。

學習利用顏色對人類心理的影響來傳達設計中的特定感受和資訊。

第2部分

學習創建適合掃描、更易讀和可讀、更有影響力、被社會接受和分享更多的內容，這是任何部落客的基本技能。

通過考慮面部和擬人化形式對照片的心理影響、吸引力偏見、常見形狀的含義、使用數位藝術、資訊圖表、圖標表示、排版心理學等等。

學習考慮個人用戶的特徵和差異，以及與特定用戶群體相關的細微細節，包括文化、性別、年齡等，以創建與不同心理特徵、群體和社區產生不同共鳴的個性化體驗。

學習考慮人類時間要求、設計的響應性、互動中的概念模型、控件的可用性，並能夠設計有效的號召性用語按鈕、有效的表單、遊戲化、實時技術和行動設備上用戶的互動 .

學會解釋人類思維的三位一體本質、自我的不一致、信任心理、選擇心理、決策心理、價格和質量感知、稀缺和緊迫心理、購買心理互惠和獎勵，社會認可的影響，更普遍地說，人類心理的所有特質都能夠設計出可轉換的電子商務網站。

先決條件

本課程沒有先決條件。如果你可以瀏覽網路並知道選單、按鈕和鏈接是什麼，就足以學習本課程了。不需要心理學知識，因為所有必要的知識都將以通俗易懂的方式傳達。

學習水平

這是一門為所有級別學生製作的綜合課程，從初級到高級，其中詳細介紹了網頁設計中心理影響的各個方面。它不是一小時的快速設計教程，不是勵志的列表展示，當然也不是工具教程。雖然第一個專案的人可以很容易地聽懂講座，但即使是經驗豐富的專業網頁設計師也可以在這裡找到一些心理影響方面的靈感來改進他們的工作。

該課程由兩部分組成，第 1 部分涵蓋基礎知識，第 2 部分涵蓋進階主題。

該課程的課程完全是原創的，這意味著它不遵循第三方編寫的任何一本書。然而，超過 800 頁的課程腳本中包含的資訊已經根據 12 本當代設計/心理學書籍和超過 600 頁的設計/心理學部落格進行查核。

本課程的摘要在亞馬遜上以 kindle 書的形式出售。它免費提供給課程的所有學生。

完成本課程後，你將收到一份有價值的證書，並可將其添加到你的簡歷中。

教學方法

本課程共包含 160 節視頻講座，PART 1 80 節，PART 2 80 節，每節課時長約為 15 分鐘（有的長幾分鐘，有的短幾分鐘）。講座分為 10 個連貫的內容部分，外加一個介紹部分和一個結論部分。

課程的第二部分是一個擴展介紹，其中解釋了從目標設定一直到可用性測試的整個以用戶為中心的網頁設計過程，因此完全沒有網頁設計經驗的人可以在學習了這一部分後，後面的部分便容易理解了。對於更有經驗的設計師來說，這部分可能看起來是多餘的，但仍可做為後面部分堅實的基礎。

第三和第四部分介紹設計上有影響力的網站所需的認知心理學基礎知識，並附有大量插圖，且都通俗易懂。從第五部分開始，這些講座輔以許多範例網站支持，無論是螢幕截圖還是抓下的視訊，在設計示例的幫助下討論概念。

在每個部分的末尾，都有一個測驗。然而，由於主題的性質，測驗只能用於鞏固講座中所解釋的內容，而不是測試設計知識。你的實際進步只能通過你在創作中注意到的長期變化來證明。

你將在本課程中學到的所有內容都與創建有效且有影響力的網站有關。但聽到概念是一回事，在設計工作中實際實施它們又是另一回事。儘管講座中展示了大量示例，但精通設計需要練習，因此你或多或少將不得不自己完成實際工作。講座附帶 82 項作業，以促進更積極的學習體驗，這是學習心理學驅動設計成功的秘訣。

基於第五講中介紹的想像場景，所有作業都適用於 5 個網頁設計專案中的任何一個。這些作業，如果處理得當，可以將學生從空白的畫布帶到完成的網頁設計項目。換句話說，一個學生在所有 5 個場景中應用所有作業，在課程結束時將最終得到不是一個而是五個可用於作品集的網站設計。

本課程不涉及什麼

本課程不是關於使用 HTML / CSS / 腳本語言學習 Web 開發。它也不是關於在某些平台上寫程式、實施或發布實際網站。本課程是關於網頁設計的。

這也不是心理學課程。雖然這裡涵蓋了大量通常在心理學課程中教授的主題，包括神經科學的高級主題，但重點始終是這些主題的實際設計含義，而不是認知或行為的理論概念。

心理學驅動的設計與設計團隊中設計師或設計師的心理或他們與其他專案利益相關者的互動或他們可能採用的設計方法無關。這裡的重點始終是網站訪問者的心理。

心理學驅動的設計也不是關於侵入人們的大腦，或者使用技術來操縱他們的潛意識，或者說服他們購買他們不需要的東西。它只是關於利用獲得的關於人類工作方式的知識來設計有影響力的網站、APP 以及更普遍的基於網路的用戶體驗。

心理學驅動的設計與以用戶為中心的設計不同。儘管如此，儘管本課程並不是專門教授標準化的以用戶為中心的設計方法或設計思維概念，但它觸及了這些研究領域通常涵蓋的許多主題，但遠遠超出了這些主題。

心理學驅動設計的適用性不限於商業網站。它適用於所有類型的網站，從個人部落格到基於虛擬實境的社區論壇。

目標受眾

各級網頁設計師
各級 APP 設計師
各級用戶體驗設計師
各級用戶界面設計師
Web 內容創作者
部落客
社交媒體出版商
網上店商老闆

講師簡介

INSPIRAITION ONLINE 創建鼓舞人心的線上課程

我們是一家成立於 2020 年的教育工作室。我們致力於創建最優質的勵志在線課程，以幫助各行各業的學生應對即將到來的技術和社會挑戰。

本課程的講師擁有瑞士理工學院的工程學位，擁有 32 年的國際設計和開發經驗，曾在世界上一些最負盛名的公司工作，自 2000 年以來創建了 80 多個專業級網站，並且在心理學、神經科學、人工智慧、機器人學以及多種程式和腳本語言（包括 HTML、CSS、PHP、MySQL、JavaScript、Java、Python、C、C++）方面獲得了不同級別的認證。在他的私人生活中，他熱衷於正念冥想、象徵主義和神秘主義。