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