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

2024/04/19閱讀時間約 2 分鐘

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

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

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


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

Canva 設計軟體

Canva 設計軟體

以下完整的動態表達

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


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

App 下載在Chromie

App 下載在Chromie


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




清空的垃圾桶

清空的垃圾桶


有東西在裡面時的垃圾桶

有東西在裡面時的垃圾桶


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


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

raw-image


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


Google Driver

Google Driver


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 定義一致性的重要性,當使用者使用你的產品時,他們不會覺得困惑.


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

Microsoft 軟體

Microsoft 軟體

優點:

  • 相似的顏色和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


資料來源


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


11會員
29內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
發表第一個留言支持創作者!