通(tōng)常，網站(zhàn)有(yǒu)三種類型：

第一(yī)種網站(zhàn)有(yǒu)傑出的(de)創意和(hé)設計(jì↓♣"δ)。這(zhè)樣的(de)網站(zhà ✘¶n)會(huì)讓你(nǐ)發出「Wow」的(de)贊歎。但(dàn↔ ₹)是(shì)，不(bù)幸的(de)是(shì)，除了(le)好(hǎ£‌♦≤o)設計(jì)，他(tā)們沒有(yǒu)更多(duō)東(dōng)西(xī)了(le✘€)。

第二種網站(zhàn)缺乏創意和(hé)設計(jì)，>  <但(dàn)是(shì)你(nǐ)在上(shàng)面可(kě)以立刻找到(dào)你(nǐ)'☆♠想要(yào)的(de)東(dōng)西(xī)！但(dàn)是(‌β‍≠shì)你(nǐ)會(huì)因為(wèi)他(tā)們在視(shì)覺上≥♥≈(shàng)缺乏吸引力而關掉它麽？

最佳的(de)網站(zhàn)是(shì)将可(kě)用(yòng)性和(h↔σé)視(shì)覺吸引完美(měi)結合的(de)。這(zhè)樣的(de)網站(zhàn)會(✔₹huì)吸引你(nǐ)持續訪問(wèn)它。↓δ↑ 從(cóng)市(shì)場(chǎng)營銷的(de)角度來(lái)說(sh÷α ™uō)，這(zhè)是(shì)最好(hǎo)的(de)類型。

好(hǎo)看(kàn)的(de)網站(zhàn)如(rú)果不(bù)能(£♦​néng)讓用(yòng)戶持續訪問(wèn)、增加使↕≥π用(yòng)轉換率、或者達成銷售目标，那(nà★₽<∑)它就(jiù)沒有(yǒu)任何價值。如(rú)‍ ∞Ω果你(nǐ)希望他(tā)們回來(lái)，而不(bù)是(shì)僅僅是(shì∞©©)發表完贊美(měi)後轉身(shēn)離(lí)開(kāi)。你(nǐ)就(jiù)不✘σδ(bù)應該僅僅滿足

用(yòng)戶視(shì)覺上(shàng)的(de)愉悅。

如(rú)果你(nǐ)的(de)目标是(shì)希望用(yòng)戶會(huì)回頭持續訪問(wè$φ↔★n)你(nǐ)的(de)網站(zhàn)，成為(wèi)忠實用(yòn∞☆≈♦g)戶，那(nà)麽你(nǐ)應該考慮提高(gāo)網站(zhàn)可(kě)用(↑¥‍βyòng)性和(hé)以用(yòng)戶為(wèi)中心的(de)設計(jì)原則。這(zhè)★εα&意味著(zhe)專注于用(yòng)戶的(de)需求，提供他(tā¶∞)們高(gāo)效的(de)、便于

使用(yòng)的(de)網站(zhàn)。如(rú)果你(nǐ)做(zuò)₩₹¥±到(dào)了(le)，你(nǐ)就(jiù)會(huì¥$)獲得(de)信任。就(jiù)這(zhè)麽簡單。

請(qǐng)注意提高(gāo)可(kě)用(yòng)性并不(bù)等同于提高($πφ∑gāo)用(yòng)戶體(tǐ)驗，用(yòng)戶體(t¶‌ǐ)驗的(de)重點在于提高(gāo)用(yòng)戶心理(lǐ)上(shàπ×ng)的(de)積極感受。當然了(le)，提高(gāo)可(kě)用(yòng<‌)性會(huì)讓你(nǐ)的(de)用(yòng)戶感到(dàδ♠↑o)快(kuài)樂(yuè)，這(zhè)會(huì)最終促成積極的(de)用(yòng)戶®→₹¥體(tǐ)驗。

讓我們開(kāi)始聊聊提高(gāo)可(k₽∏ <ě)用(yòng)性的(de)幾個(gè)簡單原則吧(ba)。

一(yī)、不(bù)要(yào)讓用(yòng)戶思考

這(zhè)是(shì)最重要(yào)的(de)σφ₹γ提高(gāo)可(kě)用(yòng)性←☆α 的(de)原則，由 Steve Krug 在他(tā)♣σ→δ的(de)書(shū)《Don’t Make Me TΩγ♣hink》中提出。

設計(jì)師(shī)的(de)必讀(dú)書(shū)籍，在《超贊！設計(jì)師(shī)完 α↕ 全自(zì)學指南(nán)》中強烈推薦過，還(háiε™™)附有(yǒu) PDF 下(xià)載呦。

網頁應當讓人(rén)一(yī)上(shàng)來(lái)就(jiù)理(l∞★✘'ǐ)解。用(yòng)戶下(xià)意識地(dì)就(jiù)知(zh↔§®™ī)道(dào)哪裡(lǐ)可(kě)以點，點哪裡(lǐ)可(kě)以獲得(de)他(tā)們想要♣÷π(yào)的(de)東(dōng)西(xī±☆)。完全不(bù)用(yòng)多(duō)想。

做(zuò)到(dào)這(zhè)點毫無疑問(wèn)會(huì)讓你(nǐ)的(de)≥€ 用(yòng)戶感到(dào)愉悅。我們拿(ná) MailC©₽™φhimp 來(lái)做(zuò)個(gè)經典例子(zǐ)。

二、避免「選擇恐懼症」

當一(yī)個(gè)人(rén)面對(duì)太多(duō)選項的(de)時(€≤shí)候，他(tā)們往往會(huì)不(bù)做(zuò)任何選擇，或者選擇一(y​‌ī)個(gè)已經最熟悉的(de)選項。這(zhè)種「選擇恐懼症」不(bù)僅僅出現(x©β©​iàn)在網頁上(shàng)，在生(shēng)活中也(yě)很(hěn)常見(jiβ"↕←àn)。比如(rú)在咖啡館面臨寫在黑(hēi)

闆上(shàng)上(shàng)的(de)₹∑✘§各種咖啡名的(de)時(shí)候。「選β♥‍擇恐懼症」真讓人(rén)困擾，它會(huì)讓人(rén)放(fàng‍​÷)棄選擇，或者選擇回到(dào)他(tā)們已經熟悉的(de)地(dì) ↓方。

新用(yòng)戶應當完全不(bù)用(±←®™yòng)糾結于下(xià)一(yī)步點哪裡(lǐ)。MailChimp的(de)這(zhèα")個(gè)頁面在這(zhè)方面也(yě)做(£← ♣zuò)得(de)非常好(hǎo)。

技(jì)巧：最必要(yào)的(de)選項一(yī)定要(yào)著(zhe)重強調，比如​γ(rú)「免費(fèi)注冊」這(zhè)樣的π•↓♥(de)重要(yào)操作(zuò)按鈕。而其他(tā)的(de)選項 λ÷則可(kě)以收進「更多(duō)」，這(zhè)樣可(kě)以有(yǒu)效避免在一(yī)個'®(gè)頁面上(shàng)出現(xiàn)太多(duō)選項。

三、立刻給用(yòng)戶他(tā)們想要(yào)的(de)

用(yòng)戶在浏覽網站(zhàn)的(de)時(shí)候，跟他(tā)們在傳統線©‌下(xià)商店(diàn)閑逛很(hě™β'↔n)像，并不(bù)會(huì)檢視(sh←₩§ì)所有(yǒu)細節，他(tā)們隻是(shì)在尋找他(t✘§→₽ā)們真正需要(yào)的(de)東(dōng)西(xī)。用(y₹☆òng)戶在網站(zhàn)上(shàng)并不(bù)會(huì)逐↔✘字閱讀(dú)，他(tā)們隻會(huì)随意®<♥浏覽。一(yī)旦有(yǒu)什(shén)

麽東(dōng)西(xī)滿足了(le)他±®(tā)們的(de)需求，他(tā)們就(jiù)會(huì)點擊打開(kāi)。

經驗：不(bù)要(yào)讓用(yòng)戶覺得(de)「這(zhè)看(kà∏$≠n)上(shàng)去(qù)要(yào)讀(dú)很(hěn)久」。

比如(rú)可(kě)以通(tōng)過視(shì)覺化(huà)手段來(€∞±lái)滿足這(zhè)些(xiē)快(kuài)$∞€✔速浏覽者的(de)需求。

下(xià)方是(shì)Bang2Joom将付費(fèi)↑÷φ計(jì)劃漂亮(liàng)地(dì)視(shì)覺化(huà)的(de)例子(zǐ)。

視(shì)覺化(huà)信息方便快(kuài≠↑‍©)速浏覽

視(shì)覺化(huà)信息方便快(kuài)速浏覽

讓用(yòng)戶可(kě)以直觀地(dì)對(duì)比出不(bù)同的(de)付費♠♣(fèi)計(jì)劃的(de)區(qū)别，選擇适合的(de)，非常清晰和(hé)簡單。✘'☆✘

四、要(yào)有(yǒu)「搜索」

你(nǐ)的(de)網站(zhàn)提供的(de)內(nèi¥¶α₽)容要(yào)符合用(yòng)戶的(de)需求，搜索就(jiù)有(yǒu)意義。×'尤其像維基百科(kē)這(zhè)樣擁有(yǒu)大(dà)量的(de)不 →(bù)同領域內(nèi)容的(de)網站(zhàn)，「搜索」功能(nén∑£g)是(shì)必須的(de)。

順手奉上(shàng)搜索框的(de)最佳實踐$"：

搜索框要(yào)在所有(yǒu)頁面都(dōu)有(yǒu)，而不(bù)僅∏÷<僅出現(xiàn)在首頁。
搜索框要(yào)夠長(cháng)（比如(rú)Gooδ®≈gle的(de)），讓用(yòng)戶方便地(dì)查看(ελ ≈kàn)和(hé)修改。
搜索框要(yào)智能(néng)。用(yòng)戶在搜索的(de)時(shí)候，可 §(kě)以把類似的(de)「常見(jiàn)搜索詞」提供給他(tā)參考。另外(w ↔$ài)，在用(yòng)戶輸入一(yī)個(gè)詞的(de)時(shí)候，你(ε®&→nǐ)可(kě)以在下(xià)方直接提供一(yī)些(xiē)「推薦結果」。蘋果官網的(de)€φ$搜索是(shì)這(zhè)個(gè)

最佳實踐的(de)好(hǎo)例子(zǐ)。
6r201410124

蘋果官網的(de)搜索

五、了(le)解你(nǐ)的(de)用(yòng)戶

年(nián)輕的(de)極客熱(rè)愛(à$₩i)探索新事(shì)物(wù)。有(yǒu)點複雜(zá)的(de)網站(zhàn)，δ←€如(rú)果有(yǒu)好(hǎo)的(de)內(nèi)容，會(huì ≈↓ )對(duì)年(nián)輕人(rén)産生(sh≤∑→ēng)強烈的(de)興趣。他(tā)們也(yě)許還(hái)會(huì)好(hǎo)奇地(dì≠↕φ )探索所有(yǒu)選項，點擊所有(yǒu)按鈕。比如(rú)Ga δ¶mestop，曾有(yǒu)一(yī)次我花(huā)了(le)數(sα→hù)

小(xiǎo)時(shí)在這(zhè)個(gè)網站(zhàn)上(shàng)，根本沒有(y≤™ǒu)意識到(dào)它有(yǒu)點難用(yòngε≠)。

style=”color: #e36c09″Gamestop

而成年(nián)人(rén)情況就(j←©λ®iù)不(bù)一(yī)樣了(le)。他(tā)們÷®↑更保守，更愛(ài)簡潔，而且會(huì)更抗拒新事(shì)物(wù)。

因此，在設計(jì)網站(zhàn)的(de)時(shí)候還(hái)§₹₽要(yào)把你(nǐ)的(de)目标用(yòng)戶群體(tǐ)考慮進去 >λ(qù)。

以Google為(wèi)例，用(yòn®♦g)戶群體(tǐ)非常廣，但(dàn)是(shì)沒有(yǒu)人π &(rén)會(huì)遇到(dào)使用(yòng)障礙，因為(wèi)它在簡單和(hé δ)功能(néng)性上(shàng)做(zuò)到(dào)了(le)非常好(hǎo)♣"的(de)平衡。

再來(lái)幾個(gè)快(kuài)速技(jì)巧！

注意「橫幅盲區(qū)」，事(shì)實上(shàng∏$α)，用(yòng)戶經常會(huì)忽略那(nà)些(xiē)看(kàn)上(shàng)去(qφδ ®ù)非常像廣告的(de)東(dōng)西(xī)，他(tā)們注意到(dào) ↓∏σ了(le)廣告，但(dàn)仍然會(huì)無視(shì)它。試著(zhe)不(λ♥bù)要(yào)出現(xiàn)看(kàn)上(shàng)去(qù)像廣告↑π±€的(de)元素（例如(rú)，堆在網頁右側的(de)塊狀信

息）。
如(rú)果你(nǐ)要(yào)求注冊，衡量下(xià)$★ 用(yòng)戶的(de)時(shí)間(jiān)，盡可(kě)能(×♠₽néng)減少(shǎo)需要(yào)∞><填寫的(de)選項數(shù)量，隻留下(xià)最重要(yào)的(de)。
允許「一(yī)鍵退訂」。
永遠(yuǎn)不(bù)要(yào)忘記手機(jī)用(yòng® ​‌)戶。做(zuò)響應式設計(jì)！
不(bù)要(yào)讓用(yòng)戶隻依賴浏覽器(qì)的(de)←←♠≤前進後退。如(rú)果他(tā)們需要(yào)「返回→ ×」，讓他(tā)們用(yòng)網站(zhàn)上(shàng)的(deε×α™)「返回」，而不(bù)是(shì)浏覽器(qì​©€±)的(de)。
讓設計(jì)服務于內(nèi)容。
強調鏈接。通(tōng)過鼠标移到(dào)文(wén)本上(shàng)去(qù)♦€​出現(xiàn)指針變化(huà)才能(néng)鑒别出一(yī€£)個(gè)鏈接是(shì)災難體(tǐ)驗。
至此，我想你(nǐ)你(nǐ)已經準備好(hǎo)了(le)，動♠≈±§手提升你(nǐ)的(de)網站(zhàn)的(de)可(kě)$←÷©用(yòng)性吧(ba)，讓用(yòng)戶有(yǒu)更爽‍♦的(de)體(tǐ)驗吧(ba)。

當然這(zhè)些(xiē)原則并非适用(yòng)所有(yǒΩ u)情況，可(kě)能(néng)都(dōu)需要(yào)具γ φ​體(tǐ)情況具體(tǐ)分(fēn)析。然而，我們還(σ₩ hái)是(shì)留了(le)一(yī)手，6大(dà)原則的(<ε•de)最後一(yī)點，是(shì)真正适用(yòng)所有(yǒu)情況的(®↕≤de)。最後，并且是(shì)最重要(yào)₩↑的(de)一(yī)點。

六、測試

測試，這(zhè)是(shì)成功提高(g£↔āo)網站(zhàn)可(kě)用(yòng)性的(de)•<♣關鍵。我們一(yī)開(kāi)始說(shuō)過，∏✘有(yǒu)無數(shù)方法去(qù)設計≈  (jì)、制(zhì)作(zuò)和(hé)維護一(yī)個(gè)成功的(d♥≤π₽e)網站(zhàn)，盡管去(qù)試吧(ba)，試過之後，請(qǐng)一(yī)定要(yào¶↔‍♣)通(tōng)過測試檢查效果，不(bù)斷改善，以不(b∞​ ù)斷

獲得(de)更好(hǎo)的(de)成果！