可用性是所有想法的核心。無論這些創意以何種形式轉化為物件、產品、軟體等,其應有意義都與它們的可用商成正比。沒有可用性的想法只能被當作好的故事。網站和應用也是如此。網站的可用性可以幫助多使用者在網站上找到自己的方向,幫助多使用者以最好的方式完成目標。但是,在讓網站和應用完美可用的時候,如何確保自己的網站和應用都在點子上? 答案是——永遠從多使用者至上的方法開始!WordPress 站群美國獨立站群伺服器為您介紹構建多使用者友好型網站和應用程式。
在開始任何設計專案之前,回答兩個問題至關重要——

多使用者是誰?
他/她來網站的目的是什麼?

建立多使用者檔案有助於回答這兩個問題。這些知識不僅有助於理解和預測多使用者行為,還有助於實現 UI/UX 設計的兩個關鍵目標——
目標一:幫助多使用者儘快找到他/她要找的東西
目標二:減少認知負荷,即消除多使用者心中的問題
儘管這些目標聽起來有點複雜,但事實上,它們是可以實現的。讓我們來了解一下為實現這些目標提供了方向和指導的可用性規則。推薦閱讀:《如何判斷網站設計是否對搜尋引擎友好》
可用性 101:構建多使用者友好型網站和應用程式
規則一:設計網站的總體結構
多使用者往往容易在網頁上充斥的文字之間迷失方向。為了防止這種情況的發生,必須引導多使用者,幫助多使用者把握正確的方向。
實現這一目標的關鍵是組織好網頁的內容。
將內容分成邏輯性強的部分,使其儘管屬於不同的內容塊,但講述同一個故事。
透過使用排版來強調重要的內容。
根據內容的重要程度來組織內容。
確定希望所有網頁都包含的共同元素,以保持重複性和一致性。
規則二:建立有效的視覺層次結構
研究表明,多使用者並不是真正的閱讀網頁,他們只是掃描網頁,只尋找那些與他們正在尋找的內容非常相似的詞語。大多數網站訪問者只閱讀 20% 的網站內容,因為他們閱讀網頁的方式與閱讀書或報紙的方式不同。網路多使用者訪問網站是為了快速得到答案。這正是為什麼突出、分組和巢狀是必不可少的概念。
突出:使用字型風格、大小和顏色來建立內容的層次結構。
分組:利用近似性在相關內容之間建立視覺上的相似。
巢狀:在父行下對內容進行分隔和分類,以顯示什麼是什麼的一部分。推薦閱讀:《網站設計避免這四大因素,跳出率快速降低》
規則三:使用慣例
無需浪費時間做無用功。經過多年的使用和接觸特定種類的圖示、顏色、形狀、位置等用來傳達任何給定的想法,人類已經被潛意識地訓練成將相同的圖示、顏色、形狀、位置等與特定的含義聯絡起來。例如,人們都知道 logo 總是位於網站的頭部,都知道放大鏡表示搜尋框,都知道綠色按鈕最有可能傳達肯定的選項,等等。這些都是屢試不爽的方法,而且一直都很好用。所以儘量堅持使用這些常規的表現手段。
規則四:使可點選專案變得顯而易見
為無意識的點選而設計。換句話說,在提示多使用者點選 CTA(行動號召) 按鈕時,不要留下任何混亂的空間。透過在形狀、大小、顏色、位置和文字方面使用常規格式,讓按鈕易於發現。我們在另一篇文章中詳細介紹瞭如何設計更好的按鈕。推薦閱讀:《最佳化網站設計,獲得更好的轉化率》
規則五:消除干擾
儘可能的減少雜亂的地方和數量。專注於重要的內容,這樣訪客也會跟著做。決定需要在任何給定的網頁上的內容長度,以及需要炫耀的設計元素的數量時,設計師和內容作家都發現自己走在鋼絲上。避開網頁上不必要的元素,以防止網站訪問者從希望他們實現的主要目標上分心。
規則六:減少內容
把內容去掉一半,再把剩下的一半去掉。用少量的文字和活潑的圖形相結合,代替滿滿一桶的文字來表達最初想說的話。踐行極簡主義,只保留必要的內容。網站訪客只閱讀 20% 的內容,還記得嗎?
最後,有一點要說的是——當最終目的是說服多使用者購買想法,甚至購買產品時,必須盡一切可能幫助多使用者快速、輕鬆地找到他們正在尋找的東西。盡最大的努力,然後再多試一點,以消除多使用者腦海中出現的任何問號。只需一次積極的網站衝浪體驗,就能為未來的多使用者反覆互動鋪平道路; 所以,確保在第一次就能搞定它! 推薦相關閱讀:《設計思維的五個階段》