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