10 個創造出直覺設計的方法

到底我們能如何經常創造出直覺設計?


首先要從《Thinking, Fast and Slow》一書去了解人類的思考模式:

《Thinking, Fast and Slow》是由諾貝爾經濟學獎得主丹尼爾·卡尼曼(Daniel Kahneman)撰寫的一本著名著作,書中提出了人類思維的兩個系統:系統一(System 1)和系統二(System 2)。這兩個系統代表了我們在處理信息和做出決策時的不同思維模式。

系統一(System 1)

  • 特徵:系統一是一種快速、直覺的思維方式。它是自動的、無意識的,通常依賴於過去的經驗和情感來迅速做出反應。系統一在日常生活中經常使用,比如在遇到熟悉的情況時做出快速決策或應對緊急情況。

系統二(System 2)

  • 特徵:系統二是一種慢速、深思熟慮的思維方式。它需要有意識的努力和注意力,並且通常依賴於邏輯分析和推理來處理信息和做出決策。系統二在面對新問題、複雜決策或需要細緻考慮的情況時會被激活。


重點是,我們的預設系統是系統一

由於系統一的這種自動化特性,人們在日常生活中的大部分決策都是由系統一驅動的。

而因為這預設的系統一,從而產生了 4 大人類行為 :


🧠 我不想去看

🧠 我不想去記

🧠 我不夠時間

🧠 我不想用腦(去理解)


這是由 Buster Benson(企業家,曾任亞馬遜、Twitter、Slack 和 Patreon 的產品經理)將《Thinking Fast & Slow》當中的『系統一』演譯做人類 4 大行為,再由我自己的文案風格寫出。

因為這 4 大行為,產生出很多我們熟悉的 UX 原則:

🧠 我不想去看《》我們在不停地快速掃描這世界的一切

人類在瀏覽網頁或閱讀內容時,通常不會逐字逐句地閱讀,而是通過掃描的方式來快速獲取信息。這種掃描行為的背後是我們大腦的自然傾向,它讓我們能夠快速地識別出重要的內容,而不需要投入太多的精力和時間。

這種掃描行為通常遵循以下兩種模式:

1. F 形掃描模式(F-Pattern Scanning)

F 形掃描模式是人類在閱讀或掃描網頁時常見的一種視覺路徑。用戶首先從左到右掃描頁面的頂部,然後向下移動視線,進行另一條水平掃描,最終沿著左側垂直向下掃描,形成一個「F」字形的路徑。

2. Z 形掃描模式(Z-Pattern Scanning)

Z 形掃描模式通常出現在具有較少文本和更簡單布局的頁面上,例如登陸頁或橫幅廣告。用戶的視線從左上角開始,水平移動到右上角,然後斜向左下角,最後再水平移動到右下角,形成一個「Z」字形的路徑。

🧠 我不想去記《》米勒定律(Miller's Law)

米勒定律指出,人類的短期記憶容量有限,一般只能同時處理 7±2 個項目。因此,在設計用戶體驗時,應避免讓用戶同時記住或處理過多的信息,以免造成認知負擔。

3. 將資訊分拆

盡量讓用戶在每次需要記下的資訊量減少,甚至不需要記下。

🧠 我不夠時間《》希克定律(Hick's Law)

希克定律表示,當給用戶提供的選擇越多,做出決策的時間就越長。因此,設計師應該減少選項數量或將選項分類,以便用戶能更快做出決定,節省時間。

解決方法:

4. 減少選項

減少可供用戶選擇的選項數量,並將複雜的任務分解成較小的步驟或頁面,可以減少認知負荷,使介面更具可用性。

5. 分組選項

如果必須提供多個選項,將它們分成幾個小組或類別,以減少用戶每次面對的選擇數量。這樣可以幫助用戶更輕鬆地瀏覽和篩選選項。


6. 使用預設選項

提供一個明確的預設選項或推薦選項,減少用戶的選擇負擔,讓他們更容易決策。


7. 漸進披露

不一次性展示所有選項,而是逐步展示相關選項,根據用戶的行為和需求來顯示更多細節。

🧠 我不想用腦(去理解)《》減少認知負荷(Cognitive Load)

認知負荷

認知負荷是指在工作記憶中使用的心理努力量。當用戶面對過多信息或選擇時,他們的認知負荷會增加,導致挫折感和決策疲勞。設計師應該通過清晰簡潔地呈現信息來最小化多餘的認知負荷,讓用戶能夠專注於主要目標,而不會受到不必要的干擾。

減少認知負荷的方法:

8. 了解用戶的心理模型(Mental Model)

用戶的心理模型是他們如何理解和預期系統運作的方式。通過用戶研究,設計師可以深入了解用戶的心理模型,從而創建符合用戶期望的設計。這不僅可以減少用戶的認知負荷,還能提升整體的用戶體驗。

如何實現:

  • 訪談和觀察:與目標用戶進行深入訪談,了解他們在使用類似產品或服務時的思維過程和行為模式。觀察用戶的實際操作,發現他們的習慣和偏好。

  • 用戶測試:設計原型並進行用戶測試,觀察用戶的反應和行為,了解他們是否能夠直觀地理解和使用你的設計。通過這些測試,識別出與用戶心理模型不符的設計元素,並進行優化。

9. 使用一致的體驗 - 視覺與文案

在設計中保持一致性有助於減少用戶的認知負荷,使他們能夠更輕鬆地導航和理解內容。這種一致性應體現在視覺設計和文案撰寫上,確保用戶在不同的頁面或功能之間切換時,能夠感受到統一的設計語言。

如何實現:

  • 視覺一致性:確保所有頁面的視覺元素(如配色、字體、按鈕風格等)保持一致。這有助於用戶快速熟悉界面,減少學習和適應的時間。

  • 文案一致性:在整個產品中使用統一的語調和用詞。這不僅可以讓用戶更容易理解信息,還能增強品牌的一致性和可信度。例如,確保所有的提示語、按鈕標籤和導航項目在不同頁面間保持一致。

10. 使用格式塔原則(Gestalt Principles)

其中一個原則:接近性(Proximity) 我們傾向於將彼此靠近的物體視為一組或一個整體。設計師可以利用這一點來組織內容,使相關元素看起來是一組的,例如將相關的按鈕或信息放在一起。

總結:

10 個創造出直覺設計的方法:

  1. F 形掃描模式(F-Pattern Scanning): 人類在瀏覽網頁時,視線通常會遵循「F」字形路徑,從左到右掃描頂部,再向下移動,最後沿左側垂直掃描。

  2. Z 形掃描模式(Z-Pattern Scanning): 用戶在簡單布局的頁面上通常會遵循「Z」字形路徑,從左上角到右上角,然後斜向左下角,再水平移動到右下角。

  3. 分拆資訊: 人類短期記憶的容量有限,一次只能處理7±2個項目。設計時應減少用戶需要記憶的資訊量。

  4. 減少選項: 減少選項數量,將複雜任務分解成較小步驟或頁面,從而降低認知負荷,提升介面可用性。

  5. 分組選項: 如果必須提供多個選項,將它們分組或分類,以減少用戶一次面對的選擇數量,便於用戶瀏覽和篩選。

    ————————————————————————

  6. 使用預設選項: 提供明確的預設選項或推薦選項,減少用戶的選擇負擔,讓決策更容易。

  7. 漸進披露: 不要一次性展示所有選項,而是根據用戶行為和需求逐步展示相關選項,顯示更多細節。

  8. 了解用戶的心理模型: 通過用戶研究了解用戶的心理模型,設計出符合用戶期望的介面,減少認知負荷,提升用戶體驗。

  9. 使用一致的體驗 - 視覺與文案: 保持設計的一致性,減少用戶的認知負荷,確保用戶在不同頁面之間感受到統一的設計語言。

  10. 將相關元素組織在一起: 我們傾向於將彼此靠近的物體視為一組。設計時可以利用這一點,將相關元素(如按鈕或資訊)組織在一起。

 

今天就分享到這裡。

謝謝你耐心閱讀!


下星期日見,

Kogi

Previous
Previous

別再混淆:Customer Journey Map 和 User Flow 的差異

Next
Next

AI 崛起:應該走通材還是專材之路?(新手 / 初級設計師篇)