這些年來，我們互聯(lián)網(wǎng)信息和獲得信息的渠道也越來越多。伴隨著信息量的增進(jìn)，先有了分類，又有了導(dǎo)航，再有了搜索，后面的發(fā)展還不得而知。在此只是根據(jù)平日的所看所想簡單聊下導(dǎo)航，歡迎大家批評(píng)指點(diǎn)。

導(dǎo)航的目的很簡單：告訴你現(xiàn)在的位置，你可以怎樣來，又可以到哪去。生活中最常見的導(dǎo)航是路標(biāo)，當(dāng)遇到錯(cuò)誤或指向性不明確的路標(biāo)，你一定會(huì)抓狂。偶本人就曾在某大型商場見到一幅消防逃生路線圖，指引標(biāo)注的甚為詳細(xì)，可惜的是沒有標(biāo)注“您當(dāng)前的位置”……

圖1：Photoshop

在Web網(wǎng)站中，導(dǎo)航則被創(chuàng)造性的賦予了多種多樣的表現(xiàn)形式。偶主要以 友商網(wǎng) 做個(gè)例子，繼續(xù)瞎扯。

圖2：友商課堂的區(qū)域?qū)Ш?/p>

內(nèi)嵌式導(dǎo)航

內(nèi)嵌式導(dǎo)航則更加靈活滴穿插在頁面的各個(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)航

當(dāng)然生活中的例子不是本文哼唧的重點(diǎn)，下面開始扯web網(wǎng)站中導(dǎo)航的應(yīng)用。

圖3：瀏覽器與導(dǎo)航

介個(gè)是我們熟悉的瀏覽器和PS的導(dǎo)航。瀏覽器提供的“前進(jìn)”“后退”功能能夠讓用戶雙向返回瀏覽過的頁面。PS的導(dǎo)航器則清楚的標(biāo)明了當(dāng)前所在的位置。

圖4：友商網(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í)增加的問題

隨著時(shí)代的快速發(fā)展，網(wǎng)絡(luò)上還有眾多牛X創(chuàng)意的導(dǎo)航方式，大致都屬于上述類型無法一一囊括舉例。但目標(biāo)都是一個(gè)，以更好的交互方式，友好得引導(dǎo)用戶最大程度滴瀏覽站內(nèi)信息，減少跳出率退出率，增加停留時(shí)間。相信隨著思想和技術(shù)的深入，會(huì)有更好更強(qiáng)大的導(dǎo)航方式不斷滴出現(xiàn)，就讓我們拭目以待……