close

如何衡量網頁設計的有效性 -網上推廣


考慮所有因素之后,網站設計的質量只能能過它給網站帶來的結果來定量的衡量。常言道,結果說明了一切。
作為一名有四年以上經驗,并且定期的與一位設計師并肩工作的網頁分析師,我學到的最有用的事情就是:數據指出問題,設計解決問題。本文從網頁分析的角度來考查網頁設計。我們將圍繞網頁設計師應該如何使用指標和工具來衡量網頁設計的影響力和有效性的問題展開討論。

訪客的參與階段

任何時候,網站訪客都處于以下幾個階段之一:
1. 關注(Attention)
2. 感興趣(Interest)
3. 渴望(Desire)
4. 交互(Action)
5. 滿足(Satisfaction)
在每一個階段,訪客都有不同的期望,設計就是要確保這些期望得到滿足。

吸引游客注意的設計問題: 這個設計是否僅在幾秒鐘就能吸引訪客注意?這個設計是否幫助訪客很快地找到他們想到的信息?
雖然網站的目標網頁和內頁需要應用不同的方法,但是有一點是可以肯定的:如果你不盡快地吸引用戶的注意力,她很快就會轉到其它網站去。

衡量指標:跳出率和退出率

方案:現在大部分網頁分析工具都能告訴你有多少次吸引你的用戶的注意失敗。
退出率告訴你有多少人在某個特定的頁面離開網站,而跳出率是指用戶沒有看網站第二個頁面就離開網站的比率。
你可以進一步測量跳出率中用戶停留不到10秒的比率。越多用戶跳出你的網站,說明你的設計和內容在幫助用戶找到想要的信息上越沒有用處。

提高用戶感興趣度的設計

問題:用戶是否覺得自己找對了地方?你是否能說服用戶你網站上的信息就是(或可能就是)他們所需要的?
如果你設法使用用戶對你的網站感興趣,他將會花更多的時間來閱讀或參與進來。在這種情況下,設計應該使得網站很容易瀏覽,閱讀和參與網頁的交互。
閱讀一篇文章所需的時間與大部分訪客花在閱讀這篇文章上的時間的比較是怎么樣的?比如,根據一些材料,大學生的平均閱讀速度是每分鐘250到350個詞。如果你的文章有1000個詞,那么閱讀整篇文章所需要的時間就是2.8到4分鐘。如果用戶在這篇文章頁上停留的平均時間只有5秒鐘,這就說明大部分內容都沒有被閱讀,內容不夠有吸引力來保持用戶的興趣。這個問題可以歸結于網頁復制問題,設計問題或者二者皆有。
另外一個例子:有多少用戶點擊了視頻的“播放”按鈕,或者查看某個產品的其它圖片?內容產生興趣,而設計使得內容更容易享用。
網頁分析把這些交互和事件稱作微轉換。發生得越多微轉換,越多用戶將會最終參與購買,注冊或填寫信息(宏轉換)。

衡量標準:針對一個設計的交互數,花費在網頁上的時間。

方案:測量網頁設計保持訪客興趣能力的好壞的一種方法是使用Google Analytics的高級特性,跟蹤每個可以被認為用戶對網頁變得感興趣的行為(比如點擊,滾動,評論,播放視頻或其它任何你能想到的)事件。你可也以嘗試一下ClickTale,這個工具可以記錄網站訪問的整個會話,并且可以回放它們。它可以提供有關訪客與網頁交互的眾多深度信息。

增加渴望和獲取行為的設計

問題:設計是否明確的激發了你的訪客的想象,并使他們覺得能從你提供的東西里獲得價值?訪客是否點擊了行動按鈕?
網絡上每個產品或服務都是唯一的,網頁設計的工作就是要找出什么能使得它與眾不同,并且為什么用戶應該選擇這個而不是其它的。
如果設計工作做得好,就很容易使用戶點擊行動按鈕。當用戶決定要注冊或購買產品的時候,能夠讓用戶迅速找到行動按鈕是非常重要的。

衡量標準:行動按鈕點擊數

方案:Crazy Egg等提供的點擊跟蹤解決方案可以告訴你用戶如何能過你的行動按鈕來交互。
在增別訪客渴望方面,多元測試和A/B分隔測試可以幫助你測試不同的設計并找出最有效的一種。

讓訪客滿足的設計

問題:當它們被點擊后,下一頁是否能提供給訪客他們想要的東西以滿足他們?
點擊之后應該出現什么的設計對于站長們尋求的轉化來說是非常重要的。你已經獲得了用戶的關注,興趣和渴望,因此現在設計就應該只有兩個主要的任務。
第一個任務是使得轉化過程盡可能的簡單(即優化結賬流程和優化網頁表單提交過程)。
另一個任務是確保用戶對流程可能存在的問題在當前的位置能夠得到回答,而不需要去中斷流程去站內尋找答案。
由于設計缺陷而在這個階段損失客戶確實是太遺憾了。

衡量標準:使用的渠道和/或路徑

方案:如果你有預算的話,我推薦用Kissmetrics,MixPanel或者Performable來跟蹤轉化的渠道和路徑。
如果沒有的話,你可以考慮Google Analytics的目標和渠道跟蹤,或者使用PadiTrack,一款免費的建立渠道的Google Analytics分析應用。

結論
最后,最要的是網站的每個元素對達到目標的效果。數據驅動,通知設計,它們的所有形式在網站性能方面都有重要作用和巨大的責任。

查看源文


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()