通常,網站有三種(zhǒng)類型:
第一種(zhǒng)網站有傑出的創意和設計。這(zhè)樣(yàng)的網站會讓你發(fā)出「Wow」的贊歎。但是,不幸的是,除了好(hǎo)設計,他們沒(méi)有更多東西了。
第二種(zhǒng)網站缺乏創意和設計,但是你在上面(miàn)可以立刻找到你想要的東西!但是你會因爲他們在視覺上缺乏吸引力而關掉它麼(me)?
最佳的網站是將(jiāng)可用性和視覺吸引完美結合的。這(zhè)樣(yàng)的網站會吸引你持續訪問它。從市場營銷的角度來說,這(zhè)是最好(hǎo)的類型。
好(hǎo)看的網站如果不能(néng)讓用戶持續訪問、增加使用轉換率、或者達成(chéng)銷售目标,那它就沒(méi)有任何價值。如果你希望他們回來,而不是僅僅是發(fā)表完贊美後(hòu)轉身離開(kāi)。你就不應該僅僅滿足
用戶視覺上的愉悅。
如果你的目标是希望用戶會回頭持續訪問你的網站,成(chéng)爲忠實用戶,那麼(me)你應該考慮提高網站可用性和以用戶爲中心的設計原則。這(zhè)意味著(zhe)專注于用戶的需求,提供他們高效的、便于
使用的網站。如果你做到了,你就會獲得信任。就這(zhè)麼(me)簡單。
請注意提高可用性并不等同于提高用戶體驗,用戶體驗的重點在于提高用戶心理上的積極感受。當然了,提高可用性會讓你的用戶感到快樂,這(zhè)會最終促成(chéng)積極的用戶體驗。
讓我們開(kāi)始聊聊提高可用性的幾個簡單原則吧。
一、不要讓用戶思考
這(zhè)是最重要的提高可用性的原則,由 Steve Krug 在他的書《Don’t Make Me Think》中提出。
設計師的必讀書籍,在《超贊!設計師完全自學(xué)指南》中強烈推薦過(guò),還(hái)附有 PDF 下載呦。
網頁應當讓人一上來就理解。用戶下意識地就知道(dào)哪裡(lǐ)可以點,點哪裡(lǐ)可以獲得他們想要的東西。完全不用多想。
做到這(zhè)點毫無疑問會讓你的用戶感到愉悅。我們拿 MailChimp 來做個經(jīng)典例子。
二、避免「選擇恐懼症」
當一個人面(miàn)對(duì)太多選項的時候,他們往往會不做任何選擇,或者選擇一個已經(jīng)最熟悉的選項。這(zhè)種(zhǒng)「選擇恐懼症」不僅僅出現在網頁上,在生活中也很常見。比如在咖啡館面(miàn)臨寫在黑
闆上上的各種(zhǒng)咖啡名的時候。「選擇恐懼症」真讓人困擾,它會讓人放棄選擇,或者選擇回到他們已經(jīng)熟悉的地方。
新用戶應當完全不用糾結于下一步點哪裡(lǐ)。MailChimp的這(zhè)個頁面(miàn)在這(zhè)方面(miàn)也做得非常好(hǎo)。
技巧:最必要的選項一定要著(zhe)重強調,比如「免費注冊」這(zhè)樣(yàng)的重要操作按鈕。而其他的選項則可以收進(jìn)「更多」,這(zhè)樣(yàng)可以有效避免在一個頁面(miàn)上出現太多選項。
三、立刻給用戶他們想要的
用戶在浏覽網站的時候,跟他們在傳統線下商店閑逛很像,并不會檢視所有細節,他們隻是在尋找他們真正需要的東西。用戶在網站上并不會逐字閱讀,他們隻會随意浏覽。一旦有什
麼(me)東西滿足了他們的需求,他們就會點擊打開(kāi)。
經(jīng)驗:不要讓用戶覺得「這(zhè)看上去要讀很久」。
比如可以通過(guò)視覺化手段來滿足這(zhè)些快速浏覽者的需求。
下方是Bang2Joom將(jiāng)付費計劃漂亮地視覺化的例子。
視覺化信息方便快速浏覽
視覺化信息方便快速浏覽
讓用戶可以直觀地對(duì)比出不同的付費計劃的區别,選擇适合的,非常清晰和簡單。
四、要有「搜索」
你的網站提供的内容要符合用戶的需求,搜索就有意義。尤其像維基百科這(zhè)樣(yàng)擁有大量的不同領域内容的網站,「搜索」功能(néng)是必須的。
順手奉上搜索框的最佳實踐:
搜索框要在所有頁面(miàn)都(dōu)有,而不僅僅出現在首頁。
搜索框要夠長(cháng)(比如Google的),讓用戶方便地查看和修改。
搜索框要智能(néng)。用戶在搜索的時候,可以把類似的「常見搜索詞」提供給他參考。另外,在用戶輸入一個詞的時候,你可以在下方直接提供一些「推薦結果」。蘋果官網的搜索是這(zhè)個
最佳實踐的好(hǎo)例子。
6r201410124
蘋果官網的搜索
五、了解你的用戶
年輕的極客熱愛探索新事(shì)物。有點複雜的網站,如果有好(hǎo)的内容,會對(duì)年輕人産生強烈的興趣。他們也許還(hái)會好(hǎo)奇地探索所有選項,點擊所有按鈕。比如Gamestop,曾有一次我花了數
小時在這(zhè)個網站上,根本沒(méi)有意識到它有點難用。
style=”color: #e36c09″Gamestop
而成(chéng)年人情況就不一樣(yàng)了。他們更保守,更愛簡潔,而且會更抗拒新事(shì)物。
因此,在設計網站的時候還(hái)要把你的目标用戶群體考慮進(jìn)去。
以Google爲例,用戶群體非常廣,但是沒(méi)有人會遇到使用障礙,因爲它在簡單和功能(néng)性上做到了非常好(hǎo)的平衡。
再來幾個快速技巧!
注意「橫幅盲區」,事(shì)實上,用戶經(jīng)常會忽略那些看上去非常像廣告的東西,他們注意到了廣告,但仍然會無視它。試著(zhe)不要出現看上去像廣告的元素(例如,堆在網頁右側的塊狀信
息)。
如果你要求注冊,衡量下用戶的時間,盡可能(néng)減少需要填寫的選項數量,隻留下最重要的。
允許「一鍵退訂」。
永遠不要忘記手機用戶。做響應式設計!
不要讓用戶隻依賴浏覽器的前進(jìn)後(hòu)退。如果他們需要「返回」,讓他們用網站上的「返回」,而不是浏覽器的。
讓設計服務于内容。
強調鏈接。通過(guò)鼠标移到文本上去出現指針變化才能(néng)鑒别出一個鏈接是災難體驗。
至此,我想你你已經(jīng)準備好(hǎo)了,動手提升你的網站的可用性吧,讓用戶有更爽的體驗吧。
當然這(zhè)些原則并非适用所有情況,可能(néng)都(dōu)需要具體情況具體分析。然而,我們還(hái)是留了一手,6大原則的最後(hòu)一點,是真正适用所有情況的。最後(hòu),并且是最重要的一點。
六、測試
測試,這(zhè)是成(chéng)功提高網站可用性的關鍵。我們一開(kāi)始說過(guò),有無數方法去設計、制作和維護一個成(chéng)功的網站,盡管去試吧,試過(guò)之後(hòu),請一定要通過(guò)測試檢查效果,不斷改善,以不斷
獲得更好(hǎo)的成(chéng)果!