提高網站可用性的6大原則
如何提高網站可用性?
設計、製作和維護一個即美觀又好用的好網站是簡單的?有很多方法去達成這個目標,但是也有很多做法是行不通的。
讓我們看看怎麼能做成這件事吧!
通常,網站有三種型別:
-
第一種網站有傑出的創意和設計。這樣的網站會讓你發出「Wow」的讚歎。但是,不幸的是,除了好設計,他們沒有更多東西了。
-
第二種網站缺乏創意和設計,但是你在上面可以立刻找到你想要的東西!但是你會因為他們在視覺上缺乏吸引力而關掉它麼?
-
最佳的網站是將可用性和視覺吸引完美結合的。這樣的網站會吸引你持續訪問它。從市場營銷的角度來說,這是最好的型別。
好看的網站如果不能讓使用者持續訪問、增加使用轉換率、或者達成銷售目標,那它就沒有任何價值。如果你希望他們回來,而不是僅僅是發表完讚美後轉身離開。你就不應該僅僅滿足使用者視覺上的愉悅。
如果你的目標是希望使用者會回頭持續訪問你的網站,成為忠實使用者,那麼你應該考慮提高網站可用性和以使用者為中心的設計原則。這意味著專注於使用者的需求,提供他們高效的、便於使用的網站。如果你做到了,你就會獲得信任。就這麼簡單。
請注意提高可用性並不等同於提高使用者體驗,使用者體驗的重點在於提高使用者心理上的積極感受。當然了,提高可用性會讓你的使用者感到快樂,這會最終促成積極的使用者體驗。
讓我們開始聊聊提高可用性的幾個簡單原則吧。
1 不要讓使用者思考
這是最重要的提高可用性的原則,由 Steve Krug 在他的書《Don’t Make Me Think!》中提出。
網頁應當讓人一上來就理解。使用者下意識地就知道哪裡可以點,點哪裡可以獲得他們想要的東西。完全不用多想。
做到這點毫無疑問會讓你的使用者感到愉悅。我們拿 MailChimp 來做個經典例子。
MailChimp
MailChimp 的這個頁面非常簡單。提高可用性其實無需做什麼開創性的設計,只需讓對的東西出現在對的位置(使用者期望他們出現的位置)就可以了。
這個頁面的另一出色的地方在於它沒有讓使用者感到「選擇恐懼症」,這是必須知道的另一原則。
2 避免「選擇恐懼症」
當一個人面對太多選項的時候,他們往往會不做任何選擇,或者選擇一個已經最熟悉的選項。這種「選擇恐懼症」不僅僅出現在網頁上,在生活中也很常見。比如在咖啡館面臨寫在黑板上上的各種咖啡名的時候。「選擇恐懼症」真讓人困擾,它會讓人放棄選擇,或者選擇回到他們已經熟悉的地方。
新使用者應當完全不用糾結於下一步點哪裡。MailChimp 的這個頁面在這方面也做得非常好。
技巧:最必要的選項一定要著重強調,比如「免費註冊」這樣的重要操作按鈕。而其他的選項則可以收進「更多」,這樣可以有效避免在一個頁面上出現太多選項。
不重要的選項可以收進「更多」
3 立刻給使用者他們想要的
使用者在瀏覽網站的時候,跟他們在傳統線下商店閒逛很像,並不會檢視所有細節,他們只是在尋找他們真正需要的東西。使用者在網站上並不會逐字閱讀,他們只會隨意瀏覽。一旦有什麼東西滿足了他們的需求,他們就會點選開啟。
經驗:不要讓使用者覺得「這看上去要讀很久」。
比如可以通過視覺化手段來滿足這些快速瀏覽者的需求。
下方是 Bang2Joom 將付費計劃漂亮地視覺化的例子。
視覺化資訊方便快速瀏覽
讓使用者可以直觀地對比出不同的付費計劃的區別,選擇適合的,非常清晰和簡單。
4 要有「搜尋」
你的網站提供的內容要符合使用者的需求,搜尋就有意義。尤其像維基百科這樣擁有大量的不同領域內容的網站,「搜尋」功能是必須的。
維基百科的搜尋
順手奉上搜尋框的最佳實踐:
- 搜尋框要在所有頁面都有,而不僅僅出現在首頁。
- 搜尋框要夠長(比如 Google 的),讓使用者方便地檢視和修改。
- 搜尋框要智慧。使用者在搜尋的時候,可以把類似的「常見搜尋詞」提供給他參考。另外,在使用者輸入一個詞的時候,你可以在下方直接提供一些「推薦結果」。蘋果官網的搜尋是這個最佳實踐的好例子。
蘋果官網的搜尋
5 瞭解你的使用者
年輕的極客熱愛探索新事物。有點複雜的網站,如果有好的內容,會對年輕人產生強烈的興趣。他們也許還會好奇地探索所有選項,點選所有按鈕。比如 Gamestop,曾有一次我花了數小時在這個網站上,根本沒有意識到它有點難用。
Gamestop
而成年人情況就不一樣了。他們更保守,更愛簡潔,而且會更抗拒新事物。
因此,在設計網站的時候還要把你的目標使用者群體考慮進去。
以 Google 為例,使用者群體非常廣,但是沒有人會遇到使用障礙,因為它在簡單和功能性上做到了非常好的平衡。
再來幾個快速技巧!
- 注意「橫幅盲區」,事實上,使用者經常會忽略那些看上去非常像廣告的東西,他們注意到了廣告,但仍然會無視它。試著不要出現看上去像廣告的元素(例如,堆在網頁右側的塊狀資訊)。
- 如果你要求註冊,衡量下使用者的時間,儘可能減少需要填寫的選項數量,只留下最重要的。
- 允許「一鍵退訂」。
- 永遠不要忘記手機使用者。做響應式設計!
- 不要讓使用者只依賴瀏覽器的前進後退。如果他們需要「返回」,讓他們用網站上的「返回」,而不是瀏覽器的。
- 讓設計服務於內容。
- 強調連結。通過滑鼠移到文字上去出現指標變化才能鑑別出一個連結是災難體驗。
至此,我想你你已經準備好了,動手提升你的網站的可用性吧,讓使用者有更爽的體驗吧。
當然這些原則並非適用所有情況,可能都需要具體情況具體分析。然而,我們還是留了一手,6 大原則的最後一點,是真正適用所有情況的。最後,並且是最重要的一點。
6 測試!
測試 - 這是成功提高網站可用性的關鍵。我們一開始說過,有無數方法去設計、製作和維護一個成功的網站,儘管去試吧,試過之後,請一定要通過測試檢查效果,不斷改善,以不斷獲得更好的成果!
最後祝你好運!
相關文章
- 設計模式“6”大原則!設計模式
- Java的設計模式和6大原則Java設計模式
- 物件導向設計的6大原則物件
- 雲原生架構成功的6大原則架構
- 制定企業績效管理的6大原則
- 設計模式的七大原則(6) --迪米特法則設計模式
- 面象物件設計6大原則之三:里氏替換原則物件
- 面象物件設計6大原則之四:介面隔離原則物件
- 面象物件設計6大原則之五:依賴倒置原則物件
- 面象物件設計6大原則之一:單一職責原則物件
- 面象物件設計6大原則之二:開放封閉原則物件
- 六大原則
- 如何有效的提高網站權重網站
- 如何提高網站的開啟速度?網站
- 施密特:谷歌的五大原則谷歌
- 好程式設計師Java教程分享Java設計模式的6大原則程式設計師Java設計模式
- 雲端計算架構設計6大原則遵循了哪些?架構
- 如何提高網站的可訪問性?網站
- 遊戲設計的三大原則遊戲設計
- 物件導向的六大原則物件
- 設計模式的六大原則設計模式
- 設計模式的七大原則設計模式
- 怎麼有效提高網站排名?網站
- 設計模式的七大原則(5) --開閉原則設計模式
- SEO提高網站排名快速見效的方法網站
- SAP ATP可用性檢查中的可用性檢查規則的確定
- 提升資料安全的五大原則
- 理解面對物件的六大原則物件
- 網站為什麼要使用CDN加速?有兩大原因!網站
- 如何提高阿里雲上應用的可用性(一)阿里
- 如何提高阿里雲上應用的可用性(二)阿里
- ebay增強可用性的4個原則
- 資料分析報告撰寫的6大原則,做出讓老闆滿意的報表
- 設計模式的七大原則(4) --里氏替換原則設計模式
- 設計模式的七大原則(2) --介面隔離原則設計模式
- 設計類六大原則
- 設計模式之7大原則設計模式
- 設計模式-六大原則設計模式
- 軟體設計7大原則