DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 用戶體驗三要素:別讓我等、讓我想、讓我煩
用戶體驗三要素:別讓我等、讓我想、讓我煩
編輯:SEO優化集錦     

導語:一個好的網站是如何煉成的?在這個時代,每一個網站、甚至每一款產品都在打著“重視用戶體驗”的旗號。那麼,用戶真實的想法到底如何呢?

產品設計 用戶體驗 產品運營 網站打開時間

文/需要致命一擊的位爺

別讓我等

曾有很多研究表明:用戶最滿意的打開網頁時間是2-5秒,如果等待超過10秒,99%的用戶會關閉這個網頁。也許這樣講,各位還不會有太多感觸,接下來,我列舉一組數據:Google網站訪問速度每慢400ms就導致用戶搜索請求下降0.59%;Amazon每增加100ms網站延遲將導致收入下降 1%;雅虎如果有400ms延遲會導致流量下降5-9%。

怎麼樣?現在感受如何?是不是該馬上去做測試工作呢。

這時候你也許會問:什麼原因會導致網站打開慢?有什麼辦法解決呢?別急,我一一道來。以下內容有些偏技術層面,各位需要耐心閱讀。

1、減少HTTP請求數

用戶在打開一個網頁的時候,後台程序響應用戶所需的時間並不多,用戶等待的時間主要花費在下載網頁元素上了,即HTML、CSS、Javascript、Flash、圖片等,統計顯示,每增加一個元素,網頁載入的時間就增加25-40毫秒(取決於用戶的帶寬情況)。

所以,想要提高網頁打開速度,就要減少HTTP請求數,方法有3種:

1)減少不必要的HTTP請求,例如用CSS圓角代替圓角圖片,減少圖片的使用。

2)合並文件,對於文本文件,可以直接合並內容。例如將多個JS(Javascript的簡稱)文件合並成一個,將多個CSS文件合並成一個。

3)優化緩存,對於沒有變化的網頁元素(如頁頭、頁尾等),用戶再次訪問的時候沒有必要重新下載,直接從浏覽器緩存裡讀取就可以了。

2、使用CDN(Content Delivery Network,內容分發網絡)

CDN由一系列分散到各個不同地理位置上的Web服務器組成,它根據和用戶在網絡上的靠近程度來指定某台服務器響應用戶的請求。當你的網站圖片很多事,就一樣要使用CDN了,比如現在的電商網站,幾乎都在使用CDN。

3、壓縮網頁元素

網頁中的每個元素越小,下載所需的時間就越少,這個很好理解。現在比較成熟和流程的壓縮網頁的方式,是通過Gzip,我自己的實操經驗來看,一般可以將網頁文本內容減少70%以上。

4、樣式表放在網頁Head部分

這也是我實際操作過的案例,把樣式表(CSS文件)移到網頁的Head部分,可以提高頁面的加載速度,讓頁面元素順序顯示。

5、把JS文件放到網頁底部

網頁打開時,所有元素是順序顯示的。由於JS文件的特殊性,其相比其他元素來說,會加載的很慢,在JS文件下載完成之前,其他後面元素的順序顯示將被阻塞,因此把JS文件盡量放在底部,意味著內容能被快速顯示。

6、把樣式表和JS腳本放到外部文件中

盡管將樣式表和JS腳本直接寫入網頁HTML中,可以減少外部文件調用數量,但是,這樣做會增加網頁的文件大小。綜合來看,將樣式表和JS腳本放到外部文件中,也許用戶首次訪問時會有點慢,但是後續在訪問網站時,用戶直接通過浏覽器緩存就可以用,從而達到減少HTTP請求數的目的,為最優的做法。

寫在最後的話:

在提升網頁打開速度經常被忽視的一個問題是響應。對於用戶來說,每次的操作,不管返回結果是慢,還是快,都要及時予以響應,最典型的例子就是:當用戶點擊打開一張圖片時,是否有百分比數字顯示的進度條,就是一個典型的響應設計。

一流的網站用戶體驗絕對不是一蹴而就的,要進行充分的可用性測試,收集用戶的反饋,持續改進。

別讓我想

用戶不會使用一個網站絕對不是用戶的錯,他會打開電腦,會使用鍵盤和鼠標,會打開浏覽器上網,經過這麼步驟最終到達了你的網站,然後發現網站上一團糟,搞不懂這是什麼,那是什麼,也懶得學習如何使用,於是就會眼都不眨一下就關閉你的網站。這是很現實的一個用戶行為。

在網站能夠快速觸達用戶之後,網站運營人員面臨的下一個重要問題就是:如何留住用戶?

一、包裝好你的網站

1、你是誰

我們辨識一個人,並不需要記住他從頭到腳所有細節,看他的臉就OK了;當我們辨識一個網站時,也是同樣的道理,網站的Logo就是臉。Logo可以讓用戶輕松知道網站是誰,無論浏覽到網站中的任何一個網頁,都能知道這是哪個網站在提供服務。

2、你是干什麼的

有了網站Logo,還要告訴用戶,網站是提供什麼服務的,是購物網站,新聞網站,還是社交網站。尤其是對於一個新網站,清晰的一句話介紹至關重要。

3、你能帶來什麼好處

這就是網站的差異化優勢介紹,相比同行競爭網站來說,用戶使用你的網站,好處是什麼,可以和“你是干什麼的”整合成一句話至於Logo下方。

經過對網站的基礎包裝之後,我們算是完成了留住用戶的第一步工作,接下來,我們希望用戶在網站中做進一步的嘗試,如何做呢?

二、關注用戶及其任務,給予明確指引

對於用戶來說,登陸任何一個網站,一定都有其目的。上購物網站是買東西,上門戶網站是為看新聞,上SNS網站是為分享信息、聯絡朋友等,要達到這些目的,一定需要進行一系列操作。如果能讓用戶以最方便、最快捷的方式完成這些操作,順利完成任務,毋庸置疑,用戶一定會留下。

舉例來說,如果是一家電商網站,是否有清晰的站內搜索功能提示,清晰的商品分類導航,醒目的購買按鈕,以及靈活的付款結算系統等,這些都是圍繞著用戶及其任務(網上購物)展開的。因此,在設計網站的時候,我們一定要給

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved