網站設計的核心:不言自明

網站設計的核心在於讓使用者能夠不需思考,就能輕鬆理解網站的內容與功能。這要求網頁具備清晰且直觀的結構,以便使用者能迅速找到所需資訊和操作。為了達成這一目標,設計者應遵循幾項關鍵原則:

首先,消除疑惑至關重要,所有元素應通俗易懂,避免專業術語。如「工作機會」比「招兵買馬」更為明確,按鈕和連結也應具備明顯可點擊的樣式。其次,遵循廣泛使用的設計慣例,可以幫助使用者迅速理解網站的架構,例如將網站標誌置於左上角。

此外,設計時應建立明確的視覺層次,利用字體大小和顏色狀示資訊的重要性,並減少干擾元素,保持頁面的清晰簡潔。考量到使用者通常傾向於掃描內容而非仔細閱讀,應使用簡潔的標題、清晰的標籤以及適當的引導,讓使用者容易找到所需的選項。

不言自明的網站設計能顯著提升使用者體驗,讓他們更容易導航和完成任務,這需要設計者站在使用者的立場,運用各種技巧以消除疑惑,簡化操作,創建直觀易用的網站。

網站使用者行為:掃描、滿足化、摸索

Krug 觀察到,使用者在瀏覽網站時並不會逐字閱讀,而是快速掃描頁面,尋找他們感興趣的資訊。 使用者會選擇第一個看起來合理的選項,而不是最佳選項,這個策略稱為「滿足化」(satisficing)。

  • 使用者通常很匆忙,希望有效率地找到所需資訊。
  • 如果點錯連結,使用者可以使用「返回」按鈕回到上一頁,因此選擇第一個合理選項的風險很低。
  • 即使仔細考慮所有選項,也不一定能找到最佳選擇,特別是在設計不佳的網站上。
  • 猜測選項比仔細權衡更有趣,也可能帶來意外的驚喜。

此外,使用者通常不會花時間弄清楚網站的運作方式,而是選擇「摸索」 (muddling through)。 他們會編造自己認為合理的解釋,並以非設計者預期的方式使用網站。

  • 只要網站能用,使用者通常不在乎其背後的運作原理。
  • 一旦找到可行的方法,使用者就會持續使用,即使有更好的方法存在。

雖然使用者可以透過「摸索」來使用網站,但這種方式效率低,而且容易出錯。相反地,如果使用者能理解網站的運作方式,他們就能:

  • 更快找到所需資訊。
  • 較少犯錯。
  • 對網站更有信心。

Krug 建議,由於使用者瀏覽網站的方式類似於觀看廣告看板,因此設計網站時應該以「廣告看板設計」為原則。

使用者點擊與網站設計

使用者通常不介意點擊多次,前提是每次點擊都毫不費力且明確。 設計師的目標是讓使用者每次點擊都充滿信心,清楚知道點擊後會發生什麼,並確信自己正朝著目標邁進。換句話說,設計師應該提供簡單、易於理解的選項,讓使用者能輕鬆做出選擇,並持續感受到「資訊的氣味」。

以下是一些讓點擊變得輕鬆明確的設計原則:

  • 使用清晰易懂的連結文字: 連結文字應該清楚且明確地描述目標頁面的內容。例如,「查看所有女鞋」比「查看更多」更明確,因為使用者可以清楚知道點擊後會看到什麼。避免使用模糊或誤導性的連結文字,例如「點此了解更多」,因為使用者無法確定點擊後會看到哪些資訊。
  • 提供「無腦」的選擇: 盡可能提供簡單、非此即彼的選項,讓使用者不需花費太多心思就能做出選擇。例如,在詢問使用者性別時,提供「男性」和「女性」兩個選項,比要求使用者輸入文字或選擇下拉式選單更輕鬆。
  • 使用分層式導航: 將網站內容分門別類,並以清晰的層級結構呈現,讓使用者可以逐步縮小搜尋範圍,找到目標資訊。例如,在購物網站上,可以先讓使用者選擇產品類別,然後再選擇子類別,最後再顯示產品列表。
  • 提供適當的引導: 在需要使用者做出選擇的地方,提供簡潔、及時的說明文字,幫助使用者理解選項的含義和後果。 例如,在表單欄位旁邊提供提示文字,說明所需填寫的資訊格式或範例。
  • 測試你的設計: 透過使用者測試觀察使用者在網站上的實際行為,找出設計中容易造成混淆或猶豫的地方,並加以修正。使用者測試可以幫助設計師了解使用者如何理解和使用網站,並找出設計中需要改進的地方。

可用性是一種禮貌

可用性不僅僅是讓網站易於使用,更是一種對使用者的禮貌。如同在現實生活中,我們會希望周遭環境方便且舒適,在網路世界中,使用者也期待能夠輕鬆、愉快地瀏覽網站並完成任務。設計一個可用性高的網站,就像是一位體貼的主人,為客人提供一個舒適且易於使用的環境。

以下從幾個面向說明,為什麼可用性可以被視為一種禮貌:

尊重使用者的時間和精力

  • 設計一個可用性高的網站,代表設計者 尊重使用者的時間和精力。使用者不需要花費過多的時間和精力去學習如何使用網站,也不需要費力去尋找所需資訊。如同我們在先前的對話中提到的,使用者通常很匆忙,希望有效率地找到所需資訊,並會選擇第一個看起來合理的選項 (滿足化)。一個可用性高的網站可以讓使用者快速完成任務,而不需要浪費時間在摸索或試誤上。
  • 相反地,一個難以使用的網站會讓使用者感到沮喪和挫折。他們可能會因為找不到所需資訊而放棄使用網站,或者因為操作困難而對網站和其背後的組織失去信心。這就像一位主人邀請客人到家裡,卻沒有提供清晰的指示或說明,讓客人感到迷路和困惑,是一種不禮貌的行為。

提供清晰且易於理解的資訊

  • 一個可用性高的網站會使用 清晰易懂的語言,避免使用專業術語或行話,讓使用者能夠輕鬆理解網站的內容和功能。網站應該盡可能做到不言自明,讓使用者不需費力思考就能理解其內容和使用方法。
  • 此外,可用性高的網站會將資訊 組織得井井有條,讓使用者能夠輕鬆找到所需資訊。這就像一位主人為客人準備了一份清晰易懂的地圖,讓客人可以輕鬆找到家中的各個房間和設施。

提供幫助和指引

  • 一個可用性高的網站會在使用者需要時提供 適當的幫助和指引,例如在表單欄位旁邊提供提示文字,或是在使用者遇到困難時提供線上客服支援。這就像一位主人會主動詢問客人是否需要幫助,並提供必要的協助。
  • 此外,可用性高的網站會 預測使用者的需求,並提供相應的功能和服務。例如,提供「我的最愛」功能讓使用者可以儲存感興趣的商品,或是在使用者忘記密碼時提供找回密碼的功能。

創造愉快的使用體驗

  • 一個可用性高的網站不僅僅是功能完善,還會 注重使用者的感受,創造愉快的使用體驗。這就像一位主人會精心佈置家中的環境,讓客人感到舒適和放鬆。
  • 例如,使用美觀的設計、友善的互動方式、清晰的回饋訊息等等,都可以提升使用者的滿意度,讓他們更願意再次造訪網站。