■周玉濱

通常網(wǎng)站有3種類型，一種是沒創(chuàng)意沒設(shè)計，光靠內(nèi)容出彩的，這類網(wǎng)站以1024和正方系統(tǒng)為代表。第二種是設(shè)計出彩，體驗糟糕的，最后這類視覺功夫好，可用性也特別棒的網(wǎng)站，才能留住訪客。今天分享6個提高網(wǎng)站可用性的基本原則，都是用戶體驗的基礎(chǔ)知識，新手必備呦!

通常，網(wǎng)站有3種類型：

第一種網(wǎng)站有杰出的創(chuàng)意和設(shè)計。這樣的網(wǎng)站會讓你發(fā)出「Wow」的贊嘆。但是，不幸的是，除了好設(shè)計，他們沒有更多東西了。

第二種網(wǎng)站缺乏創(chuàng)意和設(shè)計，但是你在上面可以立刻找到你想要的東西!但是你會因為他們在視覺上缺乏吸引力而關(guān)掉它么?

最佳的網(wǎng)站是將可用性和視覺吸引完美結(jié)合的。這樣的網(wǎng)站會吸引你持續(xù)訪問它。從市場營銷的角度來說，這是最好的類型。

好看的網(wǎng)站如果不能讓用戶持續(xù)訪問、增加使用轉(zhuǎn)換率、或者達成銷售目標(biāo)，那它就沒有任何價值。如果你希望他們回來，而不是僅僅是發(fā)表完贊美后轉(zhuǎn)身離開。你就不應(yīng)該僅僅滿足用戶視覺上的愉悅。

如果你的目標(biāo)是希望用戶會回頭持續(xù)訪問你的網(wǎng)站，成為忠實用戶，那么你應(yīng)該考慮提高網(wǎng)站可用性和以用戶為中心的設(shè)計原則。這意味著專注于用戶的需求，提供他們高效的、便于使用的網(wǎng)站。如果你做到了，你就會獲得信任。就這么簡單。

請注意提高可用性并不等同于提高用戶體驗，用戶體驗的重點在于提高用戶心理上的積極感受。當(dāng)然了，提高可用性會讓你的用戶感到快樂，這會最終促成積極的用戶體驗。

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

一、不要讓用戶思考

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

網(wǎng)頁應(yīng)當(dāng)讓人一上來就理解。用戶下意識地就知道哪里可以點，點哪里可以獲得他們想要的東西。完全不用多想。

做到這點毫無疑問會讓你的用戶感到愉悅。我們拿MailChimp來做個經(jīng)典例子。

MailChimp

MailChimp的這個頁面非常簡單。提高可用性其實無需做什么開創(chuàng)性的設(shè)計，只需讓對的東西出現(xiàn)在對的位置(用戶期望他們出現(xiàn)的位置)就可以了。

這個頁面的另一出色的地方在于它沒有讓用戶感到「選擇恐懼癥」，這是必須知道的另一原則。

二、避免「選擇恐懼癥」

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

新用戶應(yīng)當(dāng)完全不用糾結(jié)于下一步點哪里。MailChimp的這個頁面在這方面也做得非常好。

技巧：最必要的選項一定要著重強調(diào)，比如「免費注冊」這樣的重要操作按鈕。而其他的選項則可以收進「更多」，這樣可以有效避免在一個頁面上出現(xiàn)太多選項。

不重要的選項可以收進「更多」

三、立刻給用戶他們想要的

用戶在瀏覽網(wǎng)站的時候，跟他們在傳統(tǒng)線下商店閑逛很像，并不會檢視所有細節(jié)，他們只是在尋找他們真正需要的東西。用戶在網(wǎng)站上并不會逐字閱讀，他們只會隨意瀏覽。一旦有什么東西滿足了他們的需求，他們就會點擊打開。

經(jīng)驗：不要讓用戶覺得「這看上去要讀很久」。

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

視覺化信息方便快速瀏覽

讓用戶可以直觀地對比出不同的付費計劃的區(qū)別，選擇適合的，非常清晰和簡單。

四、要有「搜索」

你的網(wǎng)站提供的內(nèi)容要符合用戶的需求，搜索就有意義。尤其像維基百科這樣擁有大量的不同領(lǐng)域內(nèi)容的網(wǎng)站，「搜索」功能是必須的。

維基百科的搜索

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

搜索框要在所有頁面都有，而不僅僅出現(xiàn)在首頁。

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

搜索框要智能。用戶在搜索的時候，可以把類似的「常見搜索詞」提供給他參考。另外，在用戶輸入一個詞的時候，你可以在下方直接提供一些「推薦結(jié)果」。蘋果官網(wǎng)的搜索是這個最佳實踐的好例子。

五、了解你的用戶

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

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

因此，在設(shè)計網(wǎng)站的時候還要把你的目標(biāo)用戶群體考慮進去。

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

再來幾個快速技巧!

注意「橫幅盲區(qū)」，事實上，用戶經(jīng)常會忽略那些看上去非常像廣告的東西，他們注意到了廣告，但仍然會無視它。試著不要出現(xiàn)看上去像廣告的元素(例如，堆在網(wǎng)頁右側(cè)的塊狀信息)。

如果你要求注冊，衡量下用戶的時間，盡可能減少需要填寫的選項數(shù)量，只留下最重要的。

允許「一鍵退訂」。

永遠不要忘記手機用戶。做響應(yīng)式設(shè)計!

不要讓用戶只依賴瀏覽器的前進后退。如果他們需要「返回」，讓他們用網(wǎng)站上的「返回」，而不是瀏覽器的。

讓設(shè)計服務(wù)于內(nèi)容。

強調(diào)鏈接。通過鼠標(biāo)移到文本上去出現(xiàn)指針變化才能鑒別出一個鏈接是災(zāi)難體驗。

至此，我想你你已經(jīng)準(zhǔn)備好了，動手提升你的網(wǎng)站的可用性吧，讓用戶有更爽的體驗吧。

當(dāng)然這些原則并非適用所有情況，可能都需要具體情況具體分析。然而，我們還是留了一手，6大原則的最后一點，是真正適用所有情況的。最后，并且是最重要的一點。

六、測試

測試，這是成功提高網(wǎng)站可用性的關(guān)鍵。我們一開始說過，有無數(shù)方法去設(shè)計、制作和維護一個成功的網(wǎng)站，盡管去試吧，試過之后，請一定要通過測試檢查效果，不斷改善，以不斷獲得更好的成果!