什麼是網站可用性？網站可用性設計原則

看看你網站的主頁。有多少個元素？二十？三十？您是否有指向網站不同部分的多個不一致的連結？你有一個隱藏頁面的彈出窗口嗎？如果這些問題中的任何一個的答案是肯定的，那麼您的網站可能太複雜了，您可能會錯過良好網站可用性的好處。

看看優秀的網站，您會發現一個一致的主題：其中許多都非常簡單且易於使用。這是出於多種原因。首先是更簡單的網站看起來更好。第二是簡單和清晰是使網站可用的關鍵要素，而網站可用性是有效網頁設計中最重要的因素之一。本文將探討網站可用性的關鍵原則。將介紹它是什麼以及它如何與用戶體驗 (UX) 設計和可訪問性設計相關（和不同）。然後，我們將指導您完成使用網站可用性原則來設計您的網站的過程。

 

什麼是網站可用性？

讓我們從基礎開始：網站可用性究竟是什麼？

網站可用性是網站的一個特徵，也是一種關注用戶需求的設計方式。它利用以用戶為中心的設計流程來確保網站對實際使用它們的人而不是設計它們的人高效且易於使用。清晰度和實用性是網站可用性的兩個目標。簡單是可用性的關鍵。

然而，除了這個基本定義之外，還有很多複雜性。事實上，您很快就會意識到使您的網站可用（通過使其變得簡單！）是網頁設計中最複雜的任務之一。

清晰度和實用性是網站可用性的兩個目標，設計師需要優先考慮兩者。換句話說，網頁設計師的任務是製作不僅看起來很吸引人的網站，而且按照用戶期望的方式工作，這對於最有經驗的設計師來說也是一項不小的任務。

 

網站可用性的 5 條原則

Web 可用性可以分為五個關鍵原則：可用性、清晰度、認可度、可信度和相關性。以下是每個的快速定義：

1.可用性

可用性就是訪問您的網站的難易程度。您網站的可用性可能會受到您使用的網路託管平台以及它與用戶訪問它的設備的兼容性的影響。

2.清晰度

清晰度是網站可用性的核心。訪問者帶著特定的目標來到您的網站，我們保證這些目標不包括檢查您的網頁設計技能！如果您網站的設計讓訪問者分心或困惑，他們要麼需要更多時間來找到他們的目的，要麼他們可能會完全忘記最初的目標並離開。在任何一種情況下，他們都會不滿意地離開並且不太可能回來。

3.認可

認可是描述用戶訪問新網站時所進行的學習過程的一種方式。您可能不覺得您的網站需要研究才能使用，但實際上，所有網站都需要至少幾秒鐘的評估，然後用戶才能與其進行互動。例如，絕大多數用戶在某個時候需要導航回您的主頁，並且大多數用戶會在屏幕左上角尋找徽標來這樣做。如果您的網站工作方式不同，他們將需要花幾秒鐘時間學習如何返回主頁。當您針對可用性進行設計時，請努力使此學習曲線儘可能短。

4.信譽

即使客戶可以輕鬆找到他們正在尋找的內容或功能，如果他們不信任它，網站對他們來說也比沒用更糟糕。有很多方法可以通過您的網站設計來證明您的可信度，例如對您的業務和目標保持透明。

5.相關性

相關性可能是可用性中最複雜的問題，因為它描述了客戶在您網站上看到的內容是否引人入勝。創建引人入勝的內容涉及仔細定義目標受眾，確定他們想要什麼並儘可能清楚地滿足他們的需求。

這五個原則是網站可用性最重要的方面。但是很難看出這些元素在現實世界中是如何實現的，所以讓我們舉個例子。也許網站可用性的最佳示例：Amazon.com。

亞馬遜在很多方面都針對可用性進行了優化。首先，網站的桌面版本針對平板電腦和桌面屏幕進行了優化。每個頁面都是動態的，每個頁面的基本布局都會根據用戶屏幕的大小進行調整。單獨的移動網站具有更清晰的界面和清晰的內容層次結構，並且經過優化，可以在較慢的網際網路連接下正常運行。Amazon.com也幾乎沒有停機時間，儘管網站上每天有數百萬用戶。

這種可用性並非偶然。在他們的網站上，亞馬遜明確聲明了他們對可用性的承諾：「我們一直在尋找方法來為我們的客戶（包括殘障人士）提高網站的可用性。」 對於屏幕閱讀器，他們特別推薦他們的移動網站，因為它的內容呈現更清晰。

 

網站可用性與可訪問性和UX

可用性，作為網頁設計的一種實踐和特徵，與可訪問性的概念共享一些元素。但是有一個關鍵的區別：可用性與所有用戶有關，而可訪問性通常是指那些有某種類型殘疾的用戶。

圖像和文本的創新組合可以提高可訪問性和可用性。

無障礙，正如我們在關於無障礙網頁設計的文章中更詳細地解釋的 那樣，意味著設計網站和應用程式的方式使它們可供殘疾人士使用。這可能意味著使網站與各種輔助設備兼容，或者只是使用深思熟慮的設計。根據2025年的數據，近五分之一的美國人患有某種類型的殘疾。在世界範圍內，大約有10億人，即世界人口的15%，患有殘疾。 通過使您的網站可訪問，您可以避免潛在地疏遠用戶。

可用性設計涉及許多與可訪問性設計相同的技術，但它擴展了它們。事實上，可訪問性最好被認為是可用性的一個子集：兩者都旨在使您的網站可供儘可能多的人使用，但可訪問性特別側重於使其可供殘障人士使用。例如，您可能決定使用高對比度文本，以便有視覺障礙的用戶可以更輕鬆地使用您的網站。然後您可能會發現智慧型手機用戶更容易看到此文本，並且通過使用它，您可以使您的網站對所有 用戶更有用 。

網站可用性也經常與另一種相關的網頁設計方法相混淆：用戶體驗(UX)。網站可用性最好被認為是UX的一個子集，因為UX通常表示更廣泛的研究和設計領域，而不僅僅是網路互動。用戶體驗包括從人機互動到人工智慧人類學的所有內容。大多數用戶體驗培訓課程都強調，他們所依賴的洞察力適用於極其廣泛的環境和設備，而不僅僅是網站。

在網頁設計方面，這意味著可用性的目標是使網站易於使用，而用戶體驗設計的目標是提供清晰、直觀且最終令人愉悅的網站體驗。可以這樣想：如果為可用性設計是設計一個簡單的導航欄，用戶只需不到一秒鐘就可以弄清楚，那麼為UX設計就是將導航和網站上的任何按鈕設計為醒目的顏色，以突出顯示背景，吸引用戶的目光。

 

為網站可用性設計

網站可用性的核心原則推動了有效的設計，並且應該在您構建網站時做出的所有設計選擇中發揮作用。清晰的導航結構是網路可用性的關鍵。堅持這些原則不僅會使您的網站變得更好，而且實際上可以為您節省網頁設計的費用。當您從一開始就考慮到用戶的需求來設計您的網站時，您就是在簡化設計和開發流程。

 

遵循此路線圖以確保您的下一個網站儘可能可用。

1. 用戶研究

用戶研究可能是網站可用性設計中最重要的部分。在開始設計網站之前，即使您聘請了網頁設計師為您設計，您也應該通過用戶研究了解您的用戶對您網站的需求和希望。

您可能會對您的發現感到驚訝。例如，有可能您的大多數客戶訪問您的網站是為了查找您實體店的位置，而不是在線購買您的產品，但這些訊息隱藏在一個深藏不露的「聯絡方式」頁面上， 這是一個簡單的解決方法：只需將您的位置移動到首頁即可。例如，想要訂閱蛋糕交付的用戶需要知道訂閱是如何運作的。

進行這項研究的方法有很多種，但用戶旅程地圖可能是設計人員可視化訪問者如何瀏覽網站的一種非常有效的方式。繪製此導航路徑以了解用戶將如何瀏覽您的網站，然後充實此草圖以創建有效的設計。

當您為網站可用性進行設計時，請記住沒有必要重新發明輪子。雖然創新和創造性的設計方法看起來很棒，但有時最好堅持使用用戶知道如何使用的設計。這是微軟上次重新設計網站時採用的方法。設計美學看起來很現代，但該網站的布局是我們以前見過並使用過數千次的布局。

就其核心而言，Microsoft的主頁具有非常基本的結構。

通過 Microsoft.com讓我們分解一下：在左上角，有標誌告訴我們我們在哪裡。在右上角，有一個搜尋欄位，允許我們使用關鍵字搜尋網站。在與搜尋欄位相同的行中，有一個登錄按鈕和一個購物車顯示。我們之前已經看過所有這些網頁設計元素，並且已經知道它們的含義。換句話說，該網站符合大多數人對網站的期望。

2. 結構

設計網站可用性的下一步是從用戶研究中獲取見解，並使用它們來創建網站的基本結構。

這應該包括一些關於您的網站應該展示的內容的探索和搜尋問題。值得探索的好問題包括：

我網站的訪問者在尋找什麼？

哪些內容對訪問者最重要？

每個訪問者都需要哪些訊息，哪些訊息僅與部分訪問者相關？

對於擁有悠久成功歷史、眾多產品線和多種創新廣告活動的成熟企業，可能傾向於將所有這些都放在首頁的前面和中心。這是一個錯誤：在您的網站上放置過多訊息會使訪問者不知所措，導致他們離開。

相反，定義您的訪問者想要完成的三個（最多）任務，並在您的網站上為每個任務分配一個單獨的部分。此時，您應該能夠在紙上勾勒出您網站的導航結構。與其直接進入 網頁設計軟體，不如先把所有東西都畫出來。這將有助於保持您的設計簡單，從而提高可用性。

簡單而有效的結構設計的一個很好的例子是耐克網站。很像微軟的網站，耐克的導航很明顯。通過Nike.com該品牌提供適合不同運動以及不同類型人群的運動裝和裝備。當您第一次到達該網站時，您可以選擇導航方式：您可以選擇按男士、女士或兒童瀏覽他們的商店，也可以按運動瀏覽。例如，如果您正在尋找新的跑鞋，您甚至不會關心他們擁有的所有網球鞋或室內運動鞋。耐克的網站讓您可以非常輕鬆地準確找到您正在尋找的東西，而且只找到您正在尋找的 東西。

3.聘請網頁設計師

建立可用網站的下一步是聘請網頁設計師。即使您最終自己完成網站的大部分實際構建，與經驗豐富的網頁設計師合作創建網站的外觀也是確保我們涵蓋的網站可用性原則推動您的設計的一種方式。

請記住，所有優秀的網站都遵循相同的可用性原則，但這並不意味著它們看起來都一樣。當您在尋找合適的網頁設計師時，請與不僅創建運行良好的網站，而且創建有效傳達其品牌的網站的人合作。

 

測試網站可用性

這是可用性測試時要記住的關鍵點：好的設計是一個過程，而不是一個事件。組織需要不斷測試其網站的可用性，並利用他們的發現使他們的網站 變得更好。您不能對您的設計師和開發人員在構建過程中所做的選擇做出假設，您必須對其進行測試。僅僅因為他們使用的結構在紙上看起來不錯並不意味著最終用戶將獲得無縫體驗。

給用戶他們想要的東西。因此，可用性測試是網頁設計過程的第一步，也是最後一步。

可用性測試通常涉及招募志願者並要求他們使用您的網站。通過監控他們的點擊、滑鼠移動和行為，您可以識別設計中的潛在痛點或缺陷。參與者可以說出他們遇到的任何問題，也可以說出他們的反饋。

通過這個過程，您通常會發現兩種類型的問題。一種是行為型的：您的訪問者無法輕易看到如何在您的網站上完成某項工作。第二個將是技術性的，如果某些事情沒有按應有的方式工作。

無論可用性測試的結果如何，您都應該使用這些見解返回到上面的第一步。設計網站意味著您必須不斷評估用戶的體驗，並不斷尋求改進。否則，他們只會去別的地方。

 

可用性是優秀網站設計的關鍵部分

網站可用性不是可選的。這是一種可以應用於任何網站的衡量標準，它描述了您的網站的有效性以及您的網站是否是一項有效的投資。

這個簡單的點很容易被遺忘。您的網站設計在經理進行測試時可能會很有效，但他們知道您的業務是做什麼以及它是如何運作的。對於您的用戶來說，這可能是一個完全不同的故事。將您的設計重新聚焦於您的用戶以及他們想要實現的目標，可以使您的網站更易於使用。換句話說，使您的網站更易於使用意味著更多的人會使用它。最好與網頁設計師合作，使其更易於使用（原文作者：Nahla Davies）。