這年頭,信息和獲得信息的渠道越來(lái)越多。隨著信息量的增大,先有了分類,又有了導(dǎo)航,再有了搜索,后面的發(fā)展還不得而知。在此只是根據(jù)平日的所看所想簡(jiǎn)單聊下導(dǎo)航,歡迎各路高手拍磚~
導(dǎo)航的目的很簡(jiǎn)單:告訴你現(xiàn)在的位置,你可以怎樣來(lái),又可以到哪去。生活中最常見的導(dǎo)航是路標(biāo),當(dāng)遇到錯(cuò)誤或指向性不明確的路標(biāo),你一定會(huì)抓狂。偶本人就曾在某大型商場(chǎng)見到一幅消防逃生路線圖,指引標(biāo)注的甚為詳細(xì),可惜的是沒有標(biāo)注“您當(dāng)前的位置”……
當(dāng)然生活中的例子不是本文哼唧的重點(diǎn),下面開始扯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)詳見格林童話《Hansel and Gretel》)
圖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ū)Ш?/p>
內(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)航
出處:KDUED.COM
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 瞎扯之Web導(dǎo)航 [2]
|