99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話:13121318867

登錄
首頁精彩閱讀優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
2014-11-20
收藏

優(yōu)化網(wǎng)站導(dǎo)航設(shè)計

為了讓用戶更容易地找到需要的信息,可以對網(wǎng)站的信息架構(gòu)和站內(nèi)搜索進行分析和優(yōu)化,而另一個能對用戶起到很好引導(dǎo)作用的就是網(wǎng)站的導(dǎo)航功能,所以這篇文章主要分析用戶對網(wǎng)站導(dǎo)航功能的使用情況,并在此基礎(chǔ)上合理地優(yōu)化網(wǎng)站的導(dǎo)航設(shè)計。

網(wǎng)站導(dǎo)航的作用

網(wǎng)站導(dǎo)航的最終目的就是幫助用戶找到他們需要的信息,如果說得詳細(xì)點,那么可以概括為下面3個用處:

1. 引導(dǎo)用戶完成網(wǎng)站各內(nèi)容頁面間的跳轉(zhuǎn)。這個是最常見的,全局導(dǎo)航、局部導(dǎo)航和輔助導(dǎo)航等都是為了引導(dǎo)用戶瀏覽相關(guān)的頁面;

2. 理清網(wǎng)站各內(nèi)容與鏈接間的聯(lián)系。即對網(wǎng)站整理內(nèi)容的一個索引和理解,這個最常見的應(yīng)用就是網(wǎng)站地圖和內(nèi)容索引表,展現(xiàn)了整個網(wǎng)站的目錄信息,幫助用戶快速找到相應(yīng)的內(nèi)容;

3. 定位用戶在網(wǎng)站中所處的位置。這個在面包屑導(dǎo)航中得到了充分的體現(xiàn),它幫助用戶識別當(dāng)前瀏覽的頁面與網(wǎng)站整體內(nèi)容間關(guān)系,及其與網(wǎng)站中其它內(nèi)容的聯(lián)系和區(qū)分。

網(wǎng)站導(dǎo)航的分析

通過分析用戶使用網(wǎng)站導(dǎo)航功能的情況,可以來評估網(wǎng)站各導(dǎo)航功能設(shè)計上的優(yōu)劣,這里主要從導(dǎo)航的利用率、實現(xiàn)度、有效性符合度4個方面進行分析:

利用率

網(wǎng)站導(dǎo)航的利用率,即用戶使用各類導(dǎo)航功能的情況。最直觀的分析方法就是使用點擊熱圖,具體可以參考我之前的文章——網(wǎng)站點擊熱圖,也可以使用頁面覆蓋圖(Overlay),Google Analytics上面默認(rèn)提供了網(wǎng)站首頁的Overlay:

從圖中可以區(qū)分網(wǎng)站首頁各區(qū)域?qū)Ш焦δ艿氖褂们闆r,包括頂部導(dǎo)航,側(cè)邊欄的各導(dǎo)航模塊等。如果是獨立的導(dǎo)航索引頁面,我們可以查看這些頁面的瀏覽次數(shù)(Pageviews)、訪問量(Visits)等指標(biāo)來分析它們被使用的情況。比如你通過點擊我的博客頂部導(dǎo)航中的“網(wǎng)站地圖”進入了分類導(dǎo)航索引頁面,會看到該頁面的URL地址為http://webdataanalysis.net/site-map/,我們可以在Google Analytics上面通過filter來查看該頁面的訪問情況:

通過比較各導(dǎo)航頁面的這些指標(biāo)我們可以分析得到用戶對導(dǎo)航功能的整體使用情況以及各導(dǎo)航的使用比例或使用偏好。

我們需要知道當(dāng)用戶試圖使用導(dǎo)航功能時,有多少用戶真正點擊導(dǎo)航中的鏈接或者有多少用戶進行了下一步操作。所以這里可以分析各導(dǎo)航頁面的點擊轉(zhuǎn)化率(CTR),即用戶在導(dǎo)航頁中的點擊次數(shù)/導(dǎo)航頁面被瀏覽的次數(shù),其實上面頁面覆蓋圖指直接給出了頁面中每個可點擊對象的點擊轉(zhuǎn)化率,你可以將它們匯總就是整個頁面的點擊轉(zhuǎn)化率,也可以查看導(dǎo)航頁面各鏈接的點擊轉(zhuǎn)化率。但Google Analytics上面無法提供一些子頁面的覆蓋圖,只能選擇其它的工具或者試圖監(jiān)控導(dǎo)航頁面所有的點擊事件。

另外一種分析導(dǎo)航功能實現(xiàn)度的方法就是通離開率(Exit Rate)這個指標(biāo),如果一個用戶進入了導(dǎo)航頁面后直接離開了網(wǎng)站,那么導(dǎo)航的功能就沒有實現(xiàn)(當(dāng)然如果用戶返回了上層頁面或者回到首頁,導(dǎo)航功能同樣也沒有實現(xiàn),這些操作無法體現(xiàn)在Exit Rate)。比如我的博客的分類目錄導(dǎo)航頁面,該類頁面的URL地址都會包含“/category/”,所以也可以在GA上面直接filter出來所有這類地址,我們看看這些頁面的Exit Rate情況,如下圖:

這里因為缺少導(dǎo)航頁面Exit Rate的評判基準(zhǔn),所以我無法判斷我的導(dǎo)航頁面效果到底如何,有興趣的朋友可以在下面的評論把你們的網(wǎng)站或博客導(dǎo)航頁面的Exit Rate貼上來看看,大家交流比較下。

有效性

與網(wǎng)站的內(nèi)容頁面不同,導(dǎo)航頁面的目標(biāo)是讓用戶更快地找到想要的信息,我們不需要用戶過久地停留在導(dǎo)航頁,正如Google的口號:We may be the only people in the world who can say our goal is to have people leave our homepage as quickly as possible(讓用戶盡快離開自己的網(wǎng)站)。

所以對于導(dǎo)航頁面而言,頁面平均停留時間(Avg. Time on Page)越短,則該導(dǎo)航頁的質(zhì)量就越高(當(dāng)然用戶要有點擊才行)。頁面平均停留時間也是GA中分析頁面的基本度量,上圖也有顯示。

符合度

或者稱為導(dǎo)航的效果,用戶在使用導(dǎo)航功能找到相應(yīng)的頁面后,是否對該頁面提供的信息感興趣,或者說這些是不是他們想找的信息。

假設(shè)用戶在使用導(dǎo)航功能后找到了需要的信息或者完成了預(yù)期的任務(wù),那么在行為可能表現(xiàn)為在使用導(dǎo)航后繼續(xù)在網(wǎng)站停留了一段時間,或者用戶最終到達了任務(wù)的成功頁面或網(wǎng)站的目標(biāo)頁面(如用戶完成注冊、電子商務(wù)網(wǎng)站下單或購物成功等)。所以我們可以使用導(dǎo)航的后續(xù)停留時間、任務(wù)完成度、目標(biāo)轉(zhuǎn)化率這些分析度量來衡量導(dǎo)航的實現(xiàn)效果到底如何。

導(dǎo)航設(shè)計的優(yōu)化

基于對以上4個方面的分析,我們可以對網(wǎng)站進行針對性的優(yōu)化。

a) 提高有效導(dǎo)航的利用率,將用戶最常用或效果最佳的導(dǎo)航放在最醒目的位置;

結(jié)合上面的分析,將那些利用率高,效果好的導(dǎo)航功能放到醒目的位置,讓用戶更方便地使用這些功能。

b) 去除無效導(dǎo)航或者無人使用的導(dǎo)航,精簡網(wǎng)站設(shè)計;

導(dǎo)航功能并不是越多越好,只要提供夠用、有效的導(dǎo)航就行,結(jié)合上面的利用率和實現(xiàn)度,將那些沒人使用或點擊轉(zhuǎn)化較差的導(dǎo)航功能進行精簡。

c) 提高導(dǎo)航描述與對應(yīng)內(nèi)容的關(guān)聯(lián)度,不要誤導(dǎo)用戶,贏得用戶的信任并保持用戶對網(wǎng)站的興趣;

不要試圖去做標(biāo)題黨,如果一個導(dǎo)航頁面擁有了較好的利用率和實現(xiàn)度,那么千萬不要辜負(fù)用戶的期望,為他們提供相符的高質(zhì)量的內(nèi)容,這樣才能真正地留住用戶。

d) 優(yōu)化導(dǎo)航頁面內(nèi)容的組織和展示。

如果有效性不高,用戶經(jīng)常需要在導(dǎo)航頁中逗留一段時間才能找到自己想要去的地方,那么也許導(dǎo)航頁就失去了其最根本的價值。如何更好地展示導(dǎo)航的內(nèi)容可能是一個復(fù)雜的問題,涉及信息設(shè)計、分類、排序等多方面,或者有些網(wǎng)站設(shè)計師能想出一些別出心裁的展示方式來吸引用戶的眼球,這里直接上張圖吧:

好了,我對網(wǎng)站導(dǎo)航的分析優(yōu)化說完了。文章來源:CDA數(shù)據(jù)分析師

數(shù)據(jù)分析咨詢請掃描二維碼

若不方便掃碼,搜微信號:CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進行初始化 // 參數(shù)1:配置參數(shù) // 參數(shù)2:回調(diào),回調(diào)的第一個參數(shù)驗證碼對象,之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個配置參數(shù)為必須,不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺檢測極驗服務(wù)器是否宕機 new_captcha: data.new_captcha, // 用于宕機時表示是新驗證碼的宕機 product: "float", // 產(chǎn)品形式,包括:float,popup width: "280px", https: true // 更多配置參數(shù)說明請參見:http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計時完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請輸入'+oInput.attr('placeholder')+'!'; var errTxt = '請輸入正確的'+oInput.attr('placeholder')+'!'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }