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

熱線電話：13121318867

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

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

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

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

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

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

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

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

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

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

利用率

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

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

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

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

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

這里因?yàn)槿鄙賹?dǎo)航頁(yè)面Exit Rate的評(píng)判基準(zhǔn)，所以我無(wú)法判斷我的導(dǎo)航頁(yè)面效果到底如何，有興趣的朋友可以在下面的評(píng)論把你們的網(wǎng)站或博客導(dǎo)航頁(yè)面的Exit Rate貼上來(lái)看看，大家交流比較下。

有效性

與網(wǎng)站的內(nèi)容頁(yè)面不同，導(dǎo)航頁(yè)面的目標(biāo)是讓用戶更快地找到想要的信息，我們不需要用戶過(guò)久地停留在導(dǎo)航頁(yè)，正如Google的口號(hào)：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（讓用戶盡快離開(kāi)自己的網(wǎng)站）。

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

符合度

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

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

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

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

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

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

b) 去除無(wú)效導(dǎo)航或者無(wú)人使用的導(dǎo)航，精簡(jiǎn)網(wǎng)站設(shè)計(jì)；

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

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

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

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

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

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

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

若不方便掃碼，搜微信號(hào)：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(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說(shuō)明請(qǐng)參見(jiàn)：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".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 = '請(qǐng)輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請(qǐng)輸入正確的'+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); }