建站常識
優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
2010-06-17 08:18:00
——讓用戶更容易地找到需要的信息3
之前已經(jīng)介紹過為了讓用戶更容易地找到需要的信息,可以對網(wǎng)站的信息架構(gòu)和站內(nèi)搜索進(jìn)行分析和優(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ì)點(diǎn),那么可以概括為下面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)航的利用率、實(shí)現(xiàn)度、有效性和符合度4個方面進(jìn)行分析:
利用率
網(wǎng)站導(dǎo)航的利用率,即用戶使用各類導(dǎo)航功能的情況。最直觀的分析方法就是使用點(diǎn)擊熱圖,具體可以參考我之前的文章——網(wǎng)站點(diǎn)擊熱圖,也可以使用頁面覆蓋圖(Overlay),Google Analytics上面默認(rèn)提供了網(wǎng)站首頁的Overlay:
從圖中可以區(qū)分網(wǎng)站首頁各區(qū)域?qū)Ш焦δ艿氖褂们闆r,包括頂部導(dǎo)航,側(cè)邊欄的各導(dǎo)航模塊等。如果是獨(dú)立的導(dǎo)航索引頁面,我們可以查看這些頁面的瀏覽次數(shù)(Pageviews)、訪問量(Visits)等指標(biāo)來分析它們被使用的情況。比如你通過點(diǎn)擊我的博客頂部導(dǎo)航中的“網(wǎng)站地圖”進(jìn)入了分類導(dǎo)航索引頁面,會看到該頁面的URL地址為http://webdataanalysis.net/site-map/,我們可以在Google Analytics上面通過filter來查看該頁面的訪問情況:
通過比較各導(dǎo)航頁面的這些指標(biāo)我們可以分析得到用戶對導(dǎo)航功能的整體使用情況以及各導(dǎo)航的使用比例或使用偏好。
實(shí)現(xiàn)度
我們需要知道當(dāng)用戶試圖使用導(dǎo)航功能時,有多少用戶真正點(diǎn)擊導(dǎo)航中的鏈接或者有多少用戶進(jìn)行了下一步操作。所以這里可以分析各導(dǎo)航頁面的點(diǎn)擊轉(zhuǎn)化率(CTR),即用戶在導(dǎo)航頁中的點(diǎn)擊次數(shù)/導(dǎo)航頁面被瀏覽的次數(shù),其實(shí)上面頁面覆蓋圖指直接給出了頁面中每個可點(diǎn)擊對象的點(diǎn)擊轉(zhuǎn)化率,你可以將它們匯總就是整個頁面的點(diǎn)擊轉(zhuǎn)化率,也可以查看導(dǎo)航頁面各鏈接的點(diǎn)擊轉(zhuǎn)化率。但Google Analytics上面無法提供一些子頁面的覆蓋圖,只能選擇其它的工具或者試圖監(jiān)控導(dǎo)航頁面所有的點(diǎn)擊事件。
另外一種分析導(dǎo)航功能實(shí)現(xiàn)度的方法就是通過離開率(Exit Rate)這個指標(biāo),如果一個用戶進(jìn)入了導(dǎo)航頁面后直接離開了網(wǎng)站,那么導(dǎo)航的功能就沒有實(shí)現(xiàn)(當(dāng)然如果用戶返回了上層頁面或者回到首頁,導(dǎo)航功能同樣也沒有實(shí)現(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)然用戶要有點(diǎn)擊才行)。頁面平均停留時間也是GA中分析頁面的基本度量,上圖也有顯示。
符合度
或者稱為導(dǎo)航的效果,用戶在使用導(dǎo)航功能找到相應(yīng)的頁面后,是否對該頁面提供的信息感興趣,或者說這些是不是他們想找的信息。
假設(shè)用戶在使用導(dǎo)航功能后找到了需要的信息或者完成了預(yù)期的任務(wù),那么在行為可能表現(xiàn)為在使用導(dǎo)航后繼續(xù)在網(wǎng)站停留了一段時間,或者用戶最終到達(dá)了任務(wù)的成功頁面或網(wǎng)站的目標(biāo)頁面(如用戶完成注冊、電子商務(wù)網(wǎng)站下單或購物成功等)。所以我們可以使用導(dǎo)航的后續(xù)停留時間、任務(wù)完成度、目標(biāo)轉(zhuǎn)化率這些分析度量來衡量導(dǎo)航的實(shí)現(xiàn)效果到底如何。
導(dǎo)航設(shè)計的優(yōu)化
基于對以上4個方面的分析,我們可以對網(wǎng)站進(jìn)行針對性的優(yōu)化。
a) 提高有效導(dǎo)航的利用率,將用戶最常用或效果最佳的導(dǎo)航放在最醒目的位置;
結(jié)合上面的分析,將那些利用率高,效果好的導(dǎo)航功能放到醒目的位置,讓用戶更方便地使用這些功能。
b) 去除無效導(dǎo)航或者無人使用的導(dǎo)航,精簡網(wǎng)站設(shè)計;
導(dǎo)航功能并不是越多越好,只要提供夠用、有效的導(dǎo)航就行,結(jié)合上面的利用率和實(shí)現(xiàn)度,將那些沒人使用或點(diǎn)擊轉(zhuǎn)化較差的導(dǎo)航功能進(jìn)行精簡。
c) 提高導(dǎo)航描述與對應(yīng)內(nèi)容的關(guān)聯(lián)度,不要誤導(dǎo)用戶,贏得用戶的信任并保持用戶對網(wǎng)站的興趣;
不要試圖去做標(biāo)題黨,如果一個導(dǎo)航頁面擁有了較好的利用率和實(shí)現(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)化說完了,你是否還有更多高見,歡迎在下面評論分享。
原文:http://webdataanalysis.net/personal-view/optimize-navigation/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-05-13 10:20:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞三
- [2010-11-25 08:25:00] 導(dǎo)航設(shè)計中的信息結(jié)構(gòu)
- [2009-04-21 22:36:00] Wordpress后臺的導(dǎo)航設(shè)計
- [2006-02-27 16:10:00] 網(wǎng)頁導(dǎo)航設(shè)計九大注意事項
- [2009-05-25 08:18:00] 淺議手機(jī)客戶端設(shè)計:(四)客戶端導(dǎo)航設(shè)計
- [2007-05-13 10:22:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞四
- [2007-05-07 09:27:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計與信息架構(gòu)
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計分類
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2007-05-10 09:07:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞二
- [2009-08-12 14:52:00] 網(wǎng)站導(dǎo)航設(shè)計雜談
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
H5定制設(shè)計 青島網(wǎng)站設(shè)計哪家好 蘋果系統(tǒng) 手機(jī)網(wǎng)站 企業(yè)網(wǎng)站為什么要備案 手機(jī)網(wǎng)站建設(shè) 微網(wǎng)站 海信網(wǎng)絡(luò)科技 H5專題頁面 響應(yīng)式設(shè)計 青島高端網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 審美 高端輪胎網(wǎng)站設(shè)計 網(wǎng)站優(yōu)化 網(wǎng)站設(shè)計資訊 微信開發(fā) 青島開發(fā)區(qū)建站公司 網(wǎng)站品牌 力圖數(shù)字科技 舒適的界面 插畫 網(wǎng)站動畫 青島輪胎網(wǎng)站設(shè)計公司 網(wǎng)站制作 網(wǎng)站設(shè)計趨勢 青島高端網(wǎng)站建設(shè)公司哪家好 青島網(wǎng)站建設(shè)公司哪家好 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 視覺靈感