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