菜鳥也能打造超強(qiáng)用戶體驗(yàn)的網(wǎng)站
編輯
分享
評(píng)論
贊0
15年的時(shí)候曾經(jīng)寫過一篇《不花1分錢，我是如何做到在1個(gè)月內(nèi)提升10倍業(yè)績(jī)的》文 章，主要介紹了外部引流的一些策略和方法，這只是企業(yè)實(shí)現(xiàn)銷售業(yè)績(jī)目標(biāo)的第一步。當(dāng)把人引到你的網(wǎng)站后，怎么實(shí)現(xiàn)轉(zhuǎn)化完成銷售才是最為關(guān)鍵的一步。其實(shí)實(shí) 現(xiàn)銷售也很簡(jiǎn)單，就是讓用戶感覺爽，他越爽就越舍得掏錢。爽其實(shí)就是一種好的體驗(yàn)，從他來到你的網(wǎng)站到離開整個(gè)過程的一種良好心理感受。
那么怎么讓你的網(wǎng)站有超強(qiáng)的用戶體驗(yàn)?zāi)兀坑脩趔w驗(yàn)的方法論有很多，今天介紹一種簡(jiǎn)單易記的方法：別讓我等，別讓我想，別讓我煩。
1.別讓我等
用戶的耐心非常有限。假如用戶試圖訪問你的網(wǎng)站，那么你的網(wǎng)站最好能在10秒之內(nèi)打開，如果超過這個(gè)時(shí)間，他就會(huì)放棄任務(wù)的執(zhí)行。許多研究表明，用戶最滿意的打開頁面時(shí)間是2秒以下。如果等待12秒以上，網(wǎng)頁還沒有載入，那么99%以上的用戶會(huì)關(guān)閉這個(gè)網(wǎng)頁。
如果你還覺得速度無關(guān)緊要，下面我們來看兩個(gè)數(shù)字，google曾經(jīng)做過的一個(gè)實(shí)驗(yàn)，顯示10條搜索結(jié)果的頁面載入需要0.4秒，顯示30條搜索結(jié) 果的頁面載入需要0.9秒，采用后面一個(gè)方案的話，流量和收入各減少20%。我之前操作過一個(gè)案例，在優(yōu)化了頁面打開速度之后，網(wǎng)站跳出率從原來的73% 下降到了35%，網(wǎng)站轉(zhuǎn)化率提升1.3%，銷售業(yè)績(jī)也隨之增長(zhǎng)。
那么如何優(yōu)化頁面打開速度呢？下面干貨來了。
1、減少HTTP請(qǐng)求數(shù)
用戶在打開一個(gè)網(wǎng)頁的時(shí)候，后臺(tái)程序響應(yīng)用戶所需的時(shí)間并不多，用戶等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁元素上了，即HTML、CSS、JavaScript、Flash、圖片等，統(tǒng)計(jì)顯示，每增加一個(gè)元素，網(wǎng)頁載入的時(shí)間就增加25-40毫秒(取決于用戶的帶寬情況)。
所以，想要提高網(wǎng)頁打開速度，就要減少HTTP請(qǐng)求數(shù)，方法有3種：
1)減少不必要的HTTP請(qǐng)求，例如用CSS圓角代替圓角圖片，減少圖片的使用。
2)合并文件，對(duì)于文本文件，可以直接合并內(nèi)容。例如將多個(gè)JS(JavaScript的簡(jiǎn)稱)文件合并成一個(gè)，將多個(gè)CSS文件合并成一個(gè)。
3)優(yōu)化緩存，對(duì)于沒有變化的網(wǎng)頁元素(如頁頭、頁尾等)，用戶再次訪問的時(shí)候沒有必要重新下載，直接從瀏覽器緩存里讀取就可以了。
2、使用CDN(Content Delivery Network，內(nèi)容分發(fā)網(wǎng)絡(luò))
用戶與你網(wǎng)站服務(wù)器的接近程度會(huì)影響響應(yīng)時(shí)間的長(zhǎng)短，把網(wǎng)站內(nèi)容分散到多個(gè)、處于不同地理位置的服務(wù)器上可以加快下載速度。CDN由一系列分散到各 個(gè)不同地理位置上的Web服務(wù)器組成，它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來指定某臺(tái)服務(wù)器響應(yīng)用戶的請(qǐng)求。現(xiàn)在市面上有很多第三方CDN產(chǎn)品，比如加速樂， 安全寶等，可以根據(jù)公司的情況來選擇。
3、壓縮網(wǎng)頁元素
網(wǎng)頁中的每個(gè)元素越小，下載所需的時(shí)間就越少，這個(gè)很好理解。現(xiàn)在比較成熟和流程的壓縮網(wǎng)頁的方式，是通過Gzip，我自己的實(shí)操經(jīng)驗(yàn)來看，一般可以將網(wǎng)頁文本內(nèi)容減少70%以上。
4、樣式表放在網(wǎng)頁head部分
把樣式表(CSS文件)移到網(wǎng)頁的head部分可以讓頁面盡快開始渲染，用戶所感受的載入速度將會(huì)變快。
5、把JS文件放到網(wǎng)頁底部
網(wǎng)頁打開時(shí)，所有元素是順序顯示的。由于JS文件的特殊性，其相比其他元素來說，會(huì)加載的很慢，在JS文件下載完成之前，其他后面元素的順序顯示將被阻塞，因此把JS文件盡量放在底部，意味著內(nèi)容能被快速顯示。
6、把樣式表和JS腳本放到外部文件中
盡管將樣式表和JS腳本直接寫入網(wǎng)頁HTML中，可以減少外部文件調(diào)用數(shù)量，從而增加HTTP請(qǐng)求數(shù)。但是，這樣做會(huì)增加網(wǎng)頁的文件大小。綜合來 看，將樣式表和JS腳本放到外部文件中，也許用戶首次訪問時(shí)會(huì)有點(diǎn)慢，但是后續(xù)在訪問網(wǎng)站時(shí)，頁面內(nèi)容通過瀏覽器緩存來減少HTTP請(qǐng)求，從而達(dá)到快速顯 示的目的。
通過上面幾點(diǎn)的操作，相信你的網(wǎng)站打開速度會(huì)有顯著的提升。
網(wǎng)站打開速度越快，除了能提升用戶的體驗(yàn)之外，還可以提升用戶的信任度，如果一個(gè)網(wǎng)站半天打不開，用戶就會(huì)覺得這是一個(gè)不靠譜的網(wǎng)站，自然也不會(huì)買你的東西。
現(xiàn)在如果你的網(wǎng)站打開速度超過10秒，是時(shí)候著手優(yōu)化了，特別是投了廣告的網(wǎng)站，辛辛苦苦花的錢，大部分都會(huì)被浪費(fèi)掉，還不如花點(diǎn)錢提升網(wǎng)站的速度。
2.別讓我想
懶惰是人性的重要組成部分，用戶通常不喜歡被強(qiáng)迫進(jìn)行思考或?qū)W習(xí)，如果你的網(wǎng)站不是唯一，那么用戶很可能因?yàn)楦悴欢艞壥褂谩Ｓ脩舨欢^對(duì)不是他的錯(cuò)，他好不容易來到的網(wǎng)站，結(jié)果發(fā)現(xiàn)網(wǎng)頁上一團(tuán)糟，搞不懂這是干什么的，也懶得花時(shí)間去學(xué)習(xí)，于是只能XX你的網(wǎng)站走人。
好的網(wǎng)站是不會(huì)讓用戶去思考的，這就需要包裝好你的網(wǎng)站，如何包裝網(wǎng)站？請(qǐng)繼續(xù)往下看！
1.logo（標(biāo)識(shí)）
我們辨識(shí)一個(gè)人是誰，一般看他的臉就知道了。而網(wǎng)站的Logo就相當(dāng)于人的臉，用戶只要記住了logo，就會(huì)知道這是什么網(wǎng)站，無論瀏覽到網(wǎng)站中的任何一個(gè)網(wǎng)頁，都能知道這是哪個(gè)網(wǎng)站在提供服務(wù)，一個(gè)好的logo會(huì)讓用戶的記憶更深刻。
2.是什么？
有了網(wǎng)站Logo，還要告訴用戶，你的網(wǎng)站是提供什么服務(wù)的，是購(gòu)物網(wǎng)站，新聞網(wǎng)站，還是理財(cái)網(wǎng)站。尤其是對(duì)于一個(gè)新網(wǎng)站，清晰的一句話介紹至關(guān)重要，這句話往往會(huì)放到logo的下方，用戶看了會(huì)一目了然，不需要去猜你是干什么的（用戶很懶）。
3.帶來什么好處
簡(jiǎn)單明了的告訴用戶“我”能帶來什么好處，一般是用一句話（口號(hào)）來表述，比如百度“百度一下，你就知道”，用很直白的方式告訴用戶“我”能幫你找到問題的答案，簡(jiǎn)單易懂。
4.為什么要使用你的網(wǎng)站
現(xiàn)如今不管哪個(gè)行業(yè)競(jìng)爭(zhēng)都非常激烈，同質(zhì)化的產(chǎn)品越來越多，用戶為什么要使用你的網(wǎng)站而不用別人的網(wǎng)站？這就需要打造網(wǎng)站的核心競(jìng)爭(zhēng)力，什么是核心 競(jìng)爭(zhēng)力，我的理解是，競(jìng)爭(zhēng)對(duì)手無法復(fù)制的服務(wù)或賣點(diǎn)才是核心競(jìng)爭(zhēng)力，也就是只有你有，競(jìng)爭(zhēng)對(duì)手沒有的東西，這樣自然就能留住用戶。比如百度，他的核心競(jìng)爭(zhēng) 力就是搜索引擎技術(shù)，別人無法復(fù)制，所以他就能壟斷中國(guó)的搜索引擎市場(chǎng)。
再比如海爾的服務(wù)，你只要打一個(gè)電話，馬上就會(huì)有服務(wù)人員上門，幫您免費(fèi)設(shè)計(jì)、安裝、維護(hù)等，提供各環(huán)節(jié)的全流程服務(wù)模式。真正讓普通百姓享受到星級(jí)服務(wù)，所以消費(fèi)者心甘情愿地掏錢購(gòu)買這些名牌產(chǎn)品，這也是他的核心競(jìng)爭(zhēng)力。
下面我們通過以上四點(diǎn)來看下京東這個(gè)網(wǎng)站。
醒目的logo+“多·快·好·省”（帶來什么好處）+正品行貨，天天低價(jià)（核心價(jià)值）。
3.別讓我煩
用戶都是喜歡偷懶的，如果你的網(wǎng)站操作效率很低，就會(huì)令用戶煩躁，進(jìn)而導(dǎo)致不好的體驗(yàn)，甚至出現(xiàn)壞口碑。同時(shí)用戶也是不喜歡被打擾的，如果打開你的 網(wǎng)站總是不停的彈對(duì)話框或者小廣告，而且有些網(wǎng)站廣告關(guān)都關(guān)不掉或者關(guān)掉了，或者關(guān)掉沒過幾秒又彈出來，嚴(yán)重影響用戶的瀏覽，有了一次不好的體驗(yàn)，用戶也 許永不再來。
那么針對(duì)用戶喜歡偷懶的特點(diǎn)，我們?cè)谠O(shè)計(jì)網(wǎng)站的時(shí)候就要考慮如何幫助用戶偷懶提升用戶體驗(yàn)。
目標(biāo)信息要醒目
如何縮短完成路徑，優(yōu)化操作步驟是第一位的，因?yàn)槲覀兪紫纫?jiǎn)化用戶的任務(wù)。根據(jù)費(fèi)茨定律，使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間與以下兩個(gè)因素有關(guān)。
1.設(shè)備當(dāng)前位置和目標(biāo)位置的距離，距離越短，所用時(shí)間越短。
2.目標(biāo)的面積，目標(biāo)面積越大，所用時(shí)間越短。
通俗來說，就是如果我們希望用戶注意或點(diǎn)擊某個(gè)元素(如文字、圖片、按鈕等)，那么這個(gè)元素就不應(yīng)該距離指點(diǎn)設(shè)備的當(dāng)前位置太遠(yuǎn)(比如出現(xiàn)在屏幕的 右側(cè))，并且它的面積要足夠大。現(xiàn)在網(wǎng)站設(shè)計(jì)都追求“以大為美”，大大的LOGO，大大的圖片，大大的按鈕，它們不光看起來更有沖擊力，也更方便用戶的識(shí) 別和點(diǎn)擊。
將用戶視線保持在一條直線上
用戶在使用網(wǎng)站的過程中，眼球的運(yùn)動(dòng)時(shí)間通常比指點(diǎn)設(shè)備的運(yùn)動(dòng)時(shí)間更長(zhǎng)，將用戶的視線保持在一條直線上（通常用豎線），是最常見的優(yōu)化手段。如下圖
用戶的眼球運(yùn)動(dòng)為直線
溫柔的提示方法
在用戶完成任務(wù)的過程中，有時(shí)候需要給用戶提供幫助和指引，很多網(wǎng)站常見的做法是采用彈出對(duì)話框的方式進(jìn)行提示，用戶需要關(guān)閉對(duì)話框才能繼續(xù)自己的 任務(wù)，降低了操作效率。但用戶在完成任務(wù)的過程中遇到了障礙，如果在第一時(shí)間給予溫柔的反饋，為用戶提出合理的建議，例如我們?cè)谧?cè)賬號(hào)的時(shí)候，輸入的用 戶名已經(jīng)被使用的情況下，可以提升用戶xxx用戶名已經(jīng)被使用，不過您可以使用以下用戶名：xxx123,xxx128等等，用戶自然會(huì)感到很貼心。
降低用戶出錯(cuò)的機(jī)會(huì)
當(dāng)用戶出錯(cuò)的時(shí)候他會(huì)很煩躁，所以要盡可能的降低用戶出錯(cuò)的機(jī)會(huì)。我們可以從以下幾個(gè)方面來降低用戶出錯(cuò)的機(jī)會(huì)。
1.自動(dòng)：自動(dòng)完成任務(wù)，或者出現(xiàn)錯(cuò)誤的時(shí)候自動(dòng)校正。
2.隔離：通過區(qū)域劃分，禁止用戶進(jìn)入危險(xiǎn)區(qū)域。
3.校驗(yàn)：利用形狀、密碼等進(jìn)行校驗(yàn)，確保不會(huì)誤操作。
4.順序：將流程編號(hào)，依次執(zhí)行。比如淘寶會(huì)根據(jù)交易進(jìn)行的階段提示用戶進(jìn)行相應(yīng)的操作。
5.指引：通過形狀、顏色等對(duì)用戶進(jìn)行有效的指引，讓他不需要停下來想就知道接下來應(yīng)該干什么。
6.警告：將不正常的情況通過文字、顏色、聲音等媒介及時(shí)通知用戶，提醒用戶進(jìn)行修正。
7.緩沖：利用各種方法減免差錯(cuò)帶來的傷害。例如用戶在寫博客的時(shí)候可能會(huì)遇到網(wǎng)絡(luò)故障、瀏覽器崩潰等原因?qū)е虏┛蛢?nèi)容丟失，撫平用戶情緒的最佳方案就是對(duì)所建立的緩沖提供自動(dòng)保存功能以幫助用戶找回內(nèi)容。
用戶不能喜歡被打擾
我們可以想象下當(dāng)用戶正在閱讀一篇文章，忽然飄出一個(gè)廣告擋住了視線，他不得不停下來尋找關(guān)閉按鈕來關(guān)閉這個(gè)廣告，他會(huì)不惱火？如果在支付頁面上出現(xiàn)這樣的騷擾會(huì)怎么樣呢？
除了功能性騷擾，視覺和聽覺的騷擾也很常見。跑馬燈一類的持續(xù)翻動(dòng)效果很能吸引人，但是當(dāng)用戶將視線移，關(guān)注其他內(nèi)容的時(shí)候，這種效果就會(huì)造成視覺 上的閃爍，讓用戶分心并且煩躁。如果難以割舍這種信息更新的效果，間隔一段時(shí)間刷新一次的翻新效果會(huì)稍好一些。還有些網(wǎng)站提供背景音樂，但不一定每個(gè)用戶 都喜歡這些音樂，提供明顯的靜音按鈕非常必要。
你的網(wǎng)站用戶體驗(yàn)怎么樣，可以通過以上三點(diǎn)來做檢驗(yàn)，列出你網(wǎng)站中讓你煩躁的3處體驗(yàn)，給出相應(yīng)的優(yōu)化方案并跟蹤執(zhí)行，持續(xù)的優(yōu)化。相信你也可以打造一個(gè)良好用戶體驗(yàn)的網(wǎng)站。
猜你喜歡