這年頭,信息和獲得信息的渠道越來(lái)越多。隨著信息量的增大,先有了分類,又有了導(dǎo)航,再有了搜索,后面的發(fā)展還不得而知。在此只是根據(jù)平日的所看所想簡(jiǎn)單聊下導(dǎo)航,歡迎各路高手拍磚~
導(dǎo)航的目的很簡(jiǎn)單:告訴你現(xiàn)在的位置,你可以怎樣來(lái),又可以到哪去。生活中最常見(jiàn)的導(dǎo)航是路標(biāo),當(dāng)遇到錯(cuò)誤或指向性不明確的路標(biāo),你一定會(huì)抓狂。偶本人就曾在某大型商場(chǎng)見(jiàn)到一幅消防逃生路線圖,指引標(biāo)注的甚為詳細(xì),可惜的是沒(méi)有標(biāo)注“您當(dāng)前的位置”……
當(dāng)然生活中的例子不是本文哼唧的重點(diǎn),下面開(kāi)始扯web網(wǎng)站中導(dǎo)航的應(yīng)用。
介個(gè)是我們熟悉的瀏覽器和PS的導(dǎo)航。瀏覽器提供的“前進(jìn)”“后退”功能能夠讓用戶雙向返回瀏覽過(guò)的頁(yè)面。PS的導(dǎo)航器則清楚的標(biāo)明了當(dāng)前所在的位置。
圖1:世界之窗瀏覽器
圖2:Photoshop
在Web網(wǎng)站中,導(dǎo)航則被創(chuàng)造性的賦予了多種多樣的表現(xiàn)形式。偶主要以友商網(wǎng)做個(gè)例子,繼續(xù)瞎扯。
全站性導(dǎo)航
顧名思意,全站性導(dǎo)航是在網(wǎng)站的每一頁(yè)都會(huì)出現(xiàn)的一種統(tǒng)一表現(xiàn)的全局性導(dǎo)航方式。通常出現(xiàn)在網(wǎng)頁(yè)的頂端,直接鏈接到向用戶展示的重要區(qū)域。另外有一種俗稱“面包屑”的導(dǎo)航,雖然未必會(huì)出現(xiàn)在所有頁(yè)面,但是它承擔(dān)了告知用戶所在頁(yè)面的位置,以及由哪來(lái)到哪去的重要功能。(面包屑的由來(lái)詳見(jiàn)格林童話《HanselandGretel》)
圖3:友商網(wǎng)的全站導(dǎo)航和面包屑導(dǎo)航
區(qū)域性導(dǎo)航
區(qū)域性導(dǎo)航作為全站性導(dǎo)航的輔助,主要用于對(duì)本區(qū)域中信息做進(jìn)一步的分類,讓用戶更方便查閱。需要強(qiáng)調(diào)的是,此類區(qū)域性導(dǎo)航需要設(shè)計(jì)得比較靈活,能夠應(yīng)對(duì)信息增加導(dǎo)致導(dǎo)航層級(jí)增加的問(wèn)題。下圖是友商課堂欄目的區(qū)域?qū)Ш剑呀?jīng)無(wú)法滿足下一級(jí)目錄分類的需求了-_-||
圖4:友商課堂的區(qū)域?qū)Ш?br /> 內(nèi)嵌式導(dǎo)航
內(nèi)嵌式導(dǎo)航則更加靈活滴穿插在頁(yè)面的各個(gè)部分,為區(qū)域不同卻有關(guān)聯(lián)的內(nèi)容做牽線。在引導(dǎo)用戶獲得更多相關(guān)信息的同時(shí),也可以增加網(wǎng)站的內(nèi)鏈。友商網(wǎng)在4.0改版的設(shè)計(jì)中就大量使用了如下的內(nèi)嵌式導(dǎo)航:
圖5:友商網(wǎng)的內(nèi)嵌式導(dǎo)航
輔助性導(dǎo)航
輔助性導(dǎo)航包括了網(wǎng)站地圖(Sitemap),索引(Index)以及其他基本導(dǎo)航以外的導(dǎo)航方式。網(wǎng)站地圖需要清晰的寫(xiě)明整個(gè)網(wǎng)站的目錄結(jié)構(gòu),雖然幾乎沒(méi)有人去看,但是他的核心作用是指引搜索引擎的爬蟲(chóng)直接爬向網(wǎng)站上的重要頁(yè)面。索引則多數(shù)出現(xiàn)于有海量信息的商務(wù)網(wǎng)站(如B2B類站點(diǎn)),他能讓用戶跳過(guò)所有的目錄級(jí),直觀得看到全部的底層信息。
圖6:Globalsources的索引導(dǎo)航
社會(huì)化導(dǎo)航
相比前面提到的導(dǎo)航類型,社會(huì)化導(dǎo)航則典型的擁有web2.0的靈魂。這類導(dǎo)航的開(kāi)山鼻祖是yuhou.cn。當(dāng)你購(gòu)買(mǎi)一本書(shū)的時(shí)候,系統(tǒng)會(huì)根據(jù)其他用戶購(gòu)買(mǎi)的類似書(shū)籍或目錄中的類似書(shū)籍,通過(guò)一套復(fù)雜的算法推薦給你相關(guān)的書(shū)籍,絕大多數(shù)情況下這本書(shū)是你需要或者感興趣的,從而提高了銷量。目前國(guó)內(nèi)此類導(dǎo)航做的最優(yōu)秀的非淘寶莫屬。你瀏覽了商品,系統(tǒng)會(huì)“猜你喜歡”,推薦給你相關(guān)的商品信息;你收藏了商品,同樣會(huì)推薦給你其他用戶收藏的同類商品。研究一下這些推薦規(guī)則,不失為又一種網(wǎng)絡(luò)推廣的途徑。另外一種值得一提的是云標(biāo)簽,實(shí)際上他是眾多關(guān)鍵詞的集合,不同的是他同樣通過(guò)算法將熱門(mén)的關(guān)鍵詞以不同的顏色或字號(hào)加以區(qū)分,并且實(shí)時(shí)動(dòng)態(tài)變化,告訴用戶哪些信息最“熱門(mén)”,引導(dǎo)用戶去點(diǎn)擊。
圖7:淘寶的“猜你喜歡”
圖8:淘寶的“同類收藏推薦”
圖9:Flickr的“云標(biāo)簽”
網(wǎng)絡(luò)上還有眾多牛X創(chuàng)意的導(dǎo)航方式,大致都屬于上述類型無(wú)法一一囊括舉例。但目標(biāo)都是一個(gè),以更好的交互方式,友好得引導(dǎo)用戶最大程度滴瀏覽站內(nèi)信息,減少跳出率退出率,增加停留時(shí)間。相信隨著思想和技術(shù)的深入,會(huì)有更好更強(qiáng)大的導(dǎo)航方式不斷滴出現(xiàn),讓我們?cè)嚹恳源?br /> 原文:http://www.yuhou.cn/2009/03/%e7%9e%8e%e6%89%af%e4%b9%8bweb%e5%af%bc%e8%88%aa/
|