Heuristic 啟發式設計: 用戶體驗設計的重要原則

今天來介紹什麼是Ｈeuristic 啟發式設計跟在應用程式也許你會看到為什麼要設計的原因

Heuristic 啟發式設計意思是來解決問題

1.視覺系統狀態Visibility of system status - 告訴使用者目前的狀態

當你在使用Canva設計軟體時候，你會很清楚知道你現在在哪個步驟

以下完整的動態表達

https://d37oebn0w9ir6a.cloudfront.net/account_6827/canva-onboarding-ux-example_0ceab558f8c1b3a35be14826ce6fb25a.gif

另一個範例是，你下載軟體，你會知道你目前的進度條在哪裡

2.配對真實世界和應用系統

3.使用者控制度與自由空間 - 避免錯誤和有自由空間

當你在看YT時候，YT提供進度條，讓使用者有自由權利去控制時間條

當你不小心誤刪到東西，你可以回到上一個步驟 :)

4.一致性與正規

The rule of consistency and standards means that a user’s interaction with your product never confuses him. “Consistency is one of the most powerful usability principles: when things always behave the same, users don't have to worry about what will happen.” — Jakob Nielsen.

Jakob 定義一致性的重要性，當使用者使用你的產品時，他們不會覺得困惑．

以下是大家熟悉的產品，是不是感覺很類似相同呢?

優點:

• 相似的顏色和icon 再一起

• 減少使用者學習時間跟認識

文章討論:

• 系統告知使用者進度和回饋
• 使用者想要回到之前步驟或跳過
• 產品和特徵保持一至性
• 加快使用者熟悉產品和特徵

影片教學和講解

額外資源教學

如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890

學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計 - https://vocus.cc/article/64637f74fd8978000175c0f8

前端教學架設TodoApp

- https://vocus.cc/article/64637f74fd8978000175c0f8

學習如何用HMTL5和CSS3，跟JayLin一起做一個NFT卡片完整課程 - https://vocus.cc/article/64637f74fd8978000175c0f8

更多相關教學文章

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/

JayLinXR FB: https://www.facebook.com/JayLinXR

資料來源

• Heuristics #2: Match Between the System and the Real World-Simplified by the examples: https://uxplanet.org/heuristics-2-match-between-the-system-and-the-real-world-simplified-by-the-examples-754b62bdd552
• Visibility of system status:

https://bootcamp.uxdesign.cc/visibility-of-system-status-common-examples-7aab5e18b291