啟發式評估的十條原則

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

啟發式評估 (Heuristics Evaluation) 是易用性大師 Jakob Nielsen 與他同事在1994年所開發完成的專家易用性評估方法。

原文可以前往他的部落格觀看。

10 Usability Heuristics for User Interface Design

簡單翻譯:

Visibility of system status.可讀性原則
Match between system and real world.不要脫離現實
User control and freedom.用户有自由控制權
Consistency.一致性原則
Error strategy.有預防用户出措的機制
Recognition rather than recall.要在第一時間讓用戶看到
Flexibility and efficiency of use.使用起來靈活且高效
Aesthetics and minialist design.易讀性
Help users recognize, diagnose, and recover from errors.給用户明確的錯誤訊息,並協助用户方便的從錯誤中恢復工作
Help and Documentation.必要的幫助提示與說明文檔


Navigation,導航
清晰指示了當前的位置
清晰定義了首頁的連結
網站的所有主要部分都能通過首頁到達
如果需要的話,應該有網站地圖
網站結構清晰,沒有不必要的層級
如果可以的話,要有意用的搜索功能

Functionality,功能
所有功能都被清晰的表現出來
所有重要功能在不來開網站的前提下都可以使用
沒有不必要的外掛

Control,控制
用户可以取消所有操作
在每一頁,用户都可以找到清晰的離開本頁的標示
所有圖片鏈結接都和文字鏈結一樣清晰可用
網站的流程符合用户的操作流程
支持所有主流瀏覽器

Language,語言
文案簡潔
沒有術語

Feedback,回饋
現在網頁在做什麼,都要清晰的標示出來
如果需要的話,用戶應該能收到email回饋
所有回饋都要即時準確
如果要安裝外掛到瀏覽器,必須告知用戶
用戶可以通過email或者及教表單來提示回饋意見
需要的話,提供線上諮詢

Consistency,一致性
對任何元素都只有固定的一種叫法
連結與其指向頁面的標題要符合
對連結合以訪問的連結使用規範的色彩
使用一致的術語

Error Prevention,防止出錯
使用容易理解的語言來表達錯誤訊息
錯誤訊息需要給下一步的操作提示
錯誤訊息提供清晰的離開標示
錯誤訊息提供詳細的幫助訊息

Visual Clarity,可讀性
布局清晰
足夠的留白
所有圖片都有alt標示
使用標準的模版

 

課程推薦

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上,同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學,加上 ChatGPT 的輔助,您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗,還會大幅提高網站的搜索引擎排名,進而增加訪客流量和潛在客戶。
用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

在快速變遷的職場中,提升競爭力成為關鍵。透過引領潮流的AI技術,ChatGPT和Midjourney將助您勇攀高峰。無論您是AI新手還是專家,這個課程將引導您從入門到精通,解密AI的奧秘,並學習如何運用於職場。
GitHub Copilot AI 程式碼編輯工具應用實務班

GitHub Copilot AI 程式碼編輯工具應用實務班

讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例,介紹 Copilot 的基本原理、使用方法和最佳實踐。

輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

掌握Clipchamp AI的操作技巧,靈活運用Clipchamp AI進行影片編輯和創作,實現創意表達和傳播目的。

輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外,還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益,透過自動化系統,將數據全部匯入同一個報表平台,是企業不可或缺的重要工具。

輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。