提高網站可用性的6大原則

來源:互聯網
上載者:User
關鍵字 簡書

設計、製作和維護一個即美觀又好用的好網站是簡單的? 有很多方法去達成這個目標,但是也有很多做法是行不通的。

讓我們看看怎麼能做成這件事吧!

通常,網站有三種類型:

第一種網站有傑出的創意和設計。 這樣的網站會讓你發出「Wow」的讚歎。 但是,不幸的是,除了好設計,他們沒有更多東西了。

第二種網站缺乏創意和設計,但是你在上面可以立刻找到你想要的東西! 但是你會因為他們在視覺上缺乏吸引力而關掉它麼?

最佳的網站是將可用性和視覺吸引完美結合的。 這樣的網站會吸引你持續訪問它。 從市場行銷的角度來說,這是最好的類型。

好看的網站如果不能讓使用者持續訪問、增加使用轉換率、或者達成銷售目標,那它就沒有任何價值。 如果你希望他們回來,而不是僅僅是發表完讚美後轉身離開。 你就不應該僅僅滿足使用者視覺上的愉悅。

如果你的目標是希望使用者會回頭持續訪問你的網站,成為忠實使用者,那麼你應該考慮提高網站可用性和以使用者為中心的設計原則。 這意味著專注于使用者的需求,提供他們高效的、便於使用的網站。 如果你做到了,你就會獲得信任。 就這麼簡單。

請注意提高可用性並不等同于提高使用者體驗,使用者體驗的重點在於提高使用者心理上的積極感受。 當然了,提高可用性會讓你的使用者感到快樂,這會最終促成積極的使用者體驗。

讓我們開始聊聊提高可用性的幾個簡單原則吧。

1 不要讓使用者思考

這是最重要的提高可用性的原則,由Steve Krug在他的書《Don’t Make Me Think!》中提出。

網頁應當讓人一上來就理解。 使用者下意識地就知道哪裡可以點,點哪裡可以獲得他們想要的東西。 完全不用多想。

做到這點毫無疑問會讓你的使用者感到愉悅。 我們拿MailChimp來做個經典例子。

這是最重要的提高可用性的原則,由Steve Krug在他的書《Don’t Make Me Think!》中提出。

網頁應當讓人一上來就理解。 使用者下意識地就知道哪裡可以點,點哪裡可以獲得他們想要的東西。 完全不用多想。

做到這點毫無疑問會讓你的使用者感到愉悅。 我們拿MailChimp來做個經典例子。

MailChimp的這個頁面非常簡單。 提高可用性其實無需做什麼開創性的設計,只需讓對的東西出現在對的位置(使用者期望他們出現的位置)就可以了。

這個頁面的另一出色的地方在於它沒有讓使用者感到「選擇恐懼症」,這是必須知道的另一原則。


2 避免「選擇恐懼症」

當一個人面對太多選項的時候,他們往往會不做任何選擇,或者選擇一個已經最熟悉的選項。 這種「選擇恐懼症」不僅僅出現在網頁上,在生活中也很常見。 比如在咖啡館面臨寫在黑板上上的各種咖啡名的時候。 「選擇恐懼症」真讓人困擾,它會讓人放棄選擇,或者選擇回到他們已經熟悉的地方。

新使用者應當完全不用糾結于下一步點哪裡。 MailChimp的這個頁面在這方面也做得非常好。

技巧:最必要的選項一定要著重強調,比如「免費註冊」這樣的重要操作按鈕。 而其他的選項則可以收進「更多」,這樣可以有效避免在一個頁面上出現太多選項。

3 立刻給使用者他們想要的

使用者在流覽網站的時候,跟他們在傳統線下商店閒逛很像,並不會檢視所有細節,他們只是在尋找他們真正需要的東西。 使用者在網站上並不會逐字閱讀,他們只會隨意流覽。 一旦有什麼東西滿足了他們的需求,他們就會點擊打開。

經驗:不要讓使用者覺得「這看上去要讀很久」。

比如可以通過視覺化手段來滿足這些快速流覽者的需求。

下方是Bang2Joom將付費計畫漂亮地視覺化的例子。

讓使用者可以直觀地對比出不同的付費計畫的區別,選擇適合的,非常清晰和簡單。


4 要有「搜索」

你的網站提供的內容要符合使用者的需求,搜索就有意義。 尤其像維琪百科這樣擁有大量的不同領域內容的網站,「搜索」功能是必須的。



順手奉上搜索框的最佳實踐:

搜索框要在所有頁面都有,而不僅僅出現在首頁。

搜索框要夠長(比如Google的),讓使用者方便地查看和修改。

搜索框要智慧。 使用者在搜索的時候,可以把類似的「常見搜索詞」提供給他參考。 另外,在使用者輸入一個詞的時候,你可以在下方直接提供一些「推薦結果」。 蘋果官網的搜索是這個最佳實踐的好例子。

5 瞭解你的使用者

年輕的極客熱愛探索新事物。 有點複雜的網站,如果有好的內容,會對年輕人產生強烈的興趣。 他們也許還會好奇地探索所有選項,點擊所有按鈕。 比如Gamestop,曾有一次我花了數小時在這個網站上,根本沒有意識到它有點難用。

而成年人情況就不一樣了。 他們更保守,更愛簡潔,而且會更抗拒新事物。

因此,在設計網站的時候還要把你的目標使用者群體考慮進去。

以Google為例,使用者群體非常廣,但是沒有人會遇到使用障礙,因為它在簡單和功能性上做到了非常好的平衡。

再來幾個快速技巧!

注意「橫幅盲區」,事實上,使用者經常會忽略那些看上去非常像廣告的東西,他們注意到了廣告,但仍然會無視它。 試著不要出現看上去像廣告的元素(例如,堆在網頁右側的塊狀資訊)。

如果你要求註冊,衡量下使用者的時間,盡可能減少需要填寫的選項數量,只留下最重要的。

允許「一鍵退訂」。

永遠不要忘記手機使用者。 做回應式設計!

不要讓使用者只依賴瀏覽器的前進後退。 如果他們需要「返回」,讓他們用網站上的「返回」,而不是瀏覽器的。

讓設計服務于內容。

強調連結。 通過滑鼠移到文本上去出現指標變化才能鑒別出一個連結是災難體驗。

至此,我想你你已經準備好了,動手提升你的網站的可用性吧,讓使用者有更爽的體驗吧。

當然這些原則並非適用所有情況,可能都需要具體情況具體分析。 然而,我們還是留了一手,6大原則的最後一點,是真正適用所有情況的。 最後,並且是最重要的一點。

6 測試!

測試 - 這是成功提高網站可用性的關鍵。 我們一開始說過,有無數方法去設計、製作和維護一個成功的網站,儘管去試吧,試過之後,請一定要通過測試檢查效果,不斷改善,以不斷獲得更好的成果!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.