← Back to Blog

十大易用性原則 10 Usability Heuristics

2023-11-05·Usability Heuristics10 Usability HeuristicsUser ExperienceProduct DesignProduct Experience

10 Usability Heuristics You Need to Know x ㄧ枝莉莉

使用體驗為什麼很重要?

你是否想知道為什麼有些餐廳可以吸引顧客在那裡用餐並且頻繁光顧,而其他餐廳卻難以留住客人? 又或者,為什麼有些手機APP或網頁的使用能夠輕鬆上手,而其他的操作上卻會讓人感到困惑和不愉快,不知道該如何完成想要做的事情?

那麼,是什麼因素使得這些餐廳、手機APP或網頁在市場上脫穎而出呢? 所有這些問題的答案在於更出色的使用者體驗。 使用者體驗在於符合使用者的需求,與客戶建立更好的連結,讓他們對產品或品牌保持忠誠(即"鐵粉")。

最佳案例 - 2007/01/09 改變世界的發明 iPhone

"When you want to make a call, the numbers appear. When you need a different button, it appears. When you want to watch a movie, the buttons disappear. Suddenly, the phone isn't a cold, hard piece of metal and plastic. It's a living, breathing thing. And you're having a conversation with it." — Steve Jobs

當你需要打電話時,數字鍵盤會自動跑出來。 當你需要其他按鍵的時候,畫面也會自動出現那個按鍵。 當你想要看影片時,按鍵會自動不見。 突然間,手機不再冷冰冰,手機變得開始懂你了,因為你正在跟他對話。

蘋果不但把傳統手機按鍵變不見了,甚至連觸控筆也不用,只需要手指在手機上滑動,加上獨創的使用者體驗設計與APP Store,從此開啟了智慧型手機的風潮,與多樣化的APP生態圈,使手機介面與應用更加人性。

因此,讓我們一起探討如何在產品設計中考慮使用者體驗,透過十大易用性原則(10 Usability Heuristics) 確保產品UX互動的流暢性並具有良好的使用體驗,將幫助您驗證產品的可用性,使我們的產品逐步脫穎而出。

十大易用性原則 (10 Usability Heuristics)

易用性大師Jakob Nielsen在1994年提出 我們將會一一介紹這10大易用性原則,並且透過實例來說明各原則的意義以有助於我們更好地理解,為什麼這些原則可以帶來良好的產品的使用體驗。

#1 Visibility of system status (狀態可視)

系統能即時回饋,讓使用者察覺到當下的狀態變化

- 使用視覺效果,例如圖標、顏色、文字等來表示狀態。
- 使用語音提示或其他聲音來表示狀態。
- 使用文字描述來表示狀態。

這個原則是讓使用者清楚地看到系統的操作反饋、能輕鬆地了解當前狀態。 例如: 當使用者提交表單時,具有明確的成功或失敗反饋,可以讓使用者了解他們的操作是否成功。

手機螢幕從關閉狀態,一但收到通知訊息或通話來電,螢幕就會變亮。 使用者在操作產品的過程,不同的操作會提示給使用者當前的狀態。

又或是Uber 和 Uber Eats 服務都有具體讓使用者、乘客知道「你距離目的地多遠、你的餐點在哪裡」的即時回饋。

#2 Match between system and the real world (真實關聯)

系統使用貼近使用者實體生活的熟悉用語,避免使用專業術語

- 使用使用者熟悉的術語和詞彙。
- 使用使用者熟悉的格式和布局。
- 使用使用者熟悉的操作方式。

使用者應該能夠輕鬆地將系統的功能與他們在現實世界中的經驗聯繫起來。

#3 User control and freedom (操控自由度)

系統應該讓使用者能夠控制自己的行為

- 給使用者提供明確的操作指示。
- 讓使用者能夠撤銷或重新操作。
- 讓使用者能夠自由地選擇操作方式。

系統提供足夠的操控自由度功能,讓使用者可以自由使用或撤銷重做,使用者能夠輕鬆地控制系統、能夠隨時返回上一步或取消操作,以避免意外的錯誤、當錯誤發生時系統可以讓使用者重新操作輕鬆地恢復。也由於使用者時常以「嘗試錯誤」來選擇系統功能,因此操作流程上也會需要一個明顯的「離開」來結束使用者不需要的狀態,並支援復原步驟與重複步驟。

#4 Consistency and standards (一致性和標準化)

系統同元件或同類操作示意要保持一致性

- 使用相同的術語、詞彙和操作方式。
- 使用相同的格式和布局。
- 遵循相同的設計原則。

系統的元件與UX使用體驗流程要遵循一致的設計和操作原則。這個原則要求確保系統的內容和操作與使用者期望的一致,並且不讓使用者有令人困惑的差異。

#5 Recognition rather than recall (直覺認知非記憶)

系統操作直覺好上手,盡量減少使用者記憶與操作思考的需要

- 將重要的功能放在顯眼的位置。
- 使用可識別的圖標和文字。
- 使用簡單的語言和操作方式。
- 顯現使用足跡、最近常用位置。

系統易於理解和使用,讓使用者在不熟悉的情況下不需較多的思考,能夠輕鬆識別功能和知悉界面的操作動線,直覺好上手、減少學習曲線。

#6 Error prevention (防呆設計)

操作時不易犯錯的引導與預設值防呆機制,盡量避免錯誤發生

- 在使用者輸入之前進行驗證。
- 在發生錯誤時提供明確的反饋。
- 讓使用者能夠輕鬆地糾正錯誤。

系統通過提供明確的錯誤反饋、不易犯錯的引導,降低使用者觸發系統錯誤。透過開發設計上有預設值等防呆機制以防止錯誤的發生。

#7 Flexibility and efficiency of use (使用彈性/效率)

系統提供彈性的操作方式,滿足使用者各種需求,取得功能與易用性的平衡

- 提供不同的操作方式。
- 提供不同的功能和選項。
- 允許使用者自定義自己的使用體驗。

系統要設計得能夠被所有人使用,包括殘障人士。重點/常用功能可以提供多種方式來完成相同的任務,以適應不同的使用者需求。同時,它應該保持高效,讓使用者能夠快速完成任務。像是應用程式捷徑。

#8 Aesthetic and minimalist design (簡約美學)

刪除多餘訊息、收合較少使用資訊,避免覆蓋重要資訊提供清晰的視覺引導

- 使用簡單的設計。
- 使用清晰的文字和圖形。
- 避免使用過多的元素。

UI界面以自然順暢語言和流程與使用者互動,避免使用者感到困惑。這包括減少不必要的步驟和複雜的流程。

#9 Help users recognize, diagnose, and recover from errors (異常處理)

異常時幫助使用者瞭解、偵錯和恢復錯誤,清楚告知異常原因並協助恢復

- 在發生錯誤時提供明確的反饋。
- 讓使用者能夠輕鬆地糾正錯誤。
- 允許使用者重新開始。

提供清晰且易於理解的信息,以幫助使用者完成任務。這包括有用的錯誤提示訊息,可以依據情境引導對應的恢復操作。或是透過更多的說明和狀態標籤提示,幫助使用者清楚異常原因並提供可以協助恢復的引導。

#10 Help and documentation (使用指南)

系統提供有效的使用幫助、新手教學指南、常見問題FAQ。

- 使用簡單易懂的語言。
- 提供清晰的操作指示。
- 提供可用的幫助文檔和教程。

提供新手教學導覽、常見問題FAQ文件,讓使用者可以自助查詢。提供有效的幫助和支持,以幫助使用者解決問題。 . 使用簡單、易懂的語言 . 使用清晰的圖形和示例 . 提供步驟式說明 . 使用搜索功能 . 定期更新幫助和文件

總結 — 易用性原則的重要性和價值

使用者體驗試圖滿足使用者的需求,並建立更好的客戶滿意度,進而帶來盈利的轉換與留存,讓使用者保持產品的黏著度。這十個易用性原則,可以幫助我們在規劃與設計產品時,有助於驗證產品的易用性。不只提供使用者直覺好上手的良好體驗,也可以讓產品擁有最有利於商業成功的使用者旅程。

易用性是任何產品或系統成功的關鍵要素之一。無論是軟體應用程式、網站還是物理產品,只有當使用者能夠輕鬆、有效地使用它們時,才能實現其最大價值。

最後分享Donald Norman在1998年在MIT Press的一句話: "當技術需要讓一般人使用時,使用者經驗主宰了一切"

"When technology delivers basic needs, user experience dominates."

— Donald A. Norman

Reference https://www.nngroup.com/articles/ten-usability-heuristics/ https://peterpowerfullife.com/blog/howto-know-the-product/

Read on Medium →

← Back to BlogNext: 透過SharedPreferences管理全部頁面的字體大小