導(dǎo)航設(shè)計(jì)淺析
日期:2012/1/16 / 人氣:
一說(shuō)到導(dǎo)航每個(gè)人都不陌生,如amazon的Tab式導(dǎo)航、網(wǎng)站地圖、軟件中的菜單導(dǎo)航、索引表等等。導(dǎo)航設(shè)計(jì)看上去非常的簡(jiǎn)單:無(wú)非是頁(yè)面上放置一些鏈接,通過(guò)這些鏈接用戶可瀏覽和使用整個(gè)網(wǎng)站。事實(shí)并非如此,導(dǎo)航設(shè)計(jì)是非常復(fù)雜和嚴(yán)謹(jǐn)?shù)摹?下面我們以網(wǎng)站導(dǎo)航為例粗淺的分析一下導(dǎo)航設(shè)計(jì)的復(fù)雜性:
任務(wù):設(shè)計(jì)一個(gè)網(wǎng)站導(dǎo)航
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計(jì)_佛山網(wǎng)站_佛山網(wǎng)頁(yè)設(shè)計(jì)_佛山網(wǎng)頁(yè)建設(shè)_佛山網(wǎng)頁(yè)制作
目標(biāo):
1、提供給用戶方便的網(wǎng)頁(yè)間跳轉(zhuǎn)的方法
2、能夠表達(dá)出頁(yè)面之間、頁(yè)面與內(nèi)容之間的關(guān)系
分析:人本能的具有空間感。想象一下你現(xiàn)在坐在家中的沙發(fā)上看電視,突然有訪客,你起身會(huì)向哪個(gè)方向走去?高中時(shí)的摯友是坐在你的前面還是后面?——不用問(wèn)大家都能會(huì)快的回答出來(lái)。
同樣我們?cè)谠O(shè)計(jì)網(wǎng)站導(dǎo)航的時(shí)候一定要清晰地告訴訪問(wèn)者“他們?cè)谀悄膬骸焙汀八麄兡苋ツ膬骸?BR>用戶需要知道他們?cè)诰W(wǎng)站信息空間當(dāng)前所處的位置,我們也希望能幫助用戶建立網(wǎng)站空間感,通過(guò)我們?cè)O(shè)計(jì)的導(dǎo)航系統(tǒng)。(之所
以稱為導(dǎo)航系統(tǒng),是因?yàn)閮H僅靠某一種導(dǎo)航模式是無(wú)法完成目標(biāo)的)
設(shè)計(jì)方案:提供一個(gè)完整的導(dǎo)航系統(tǒng),其中包括全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航、遠(yuǎn)程導(dǎo)航
全局導(dǎo)航:
從網(wǎng)站的最終頁(yè)面到達(dá)其他頁(yè)面的一組關(guān)鍵點(diǎn),無(wú)論你想去哪里,都可以在全局導(dǎo)航中最終到達(dá)。
局部導(dǎo)航:
提供一個(gè)頁(yè)面的父、兄、子級(jí)別的通路,是用戶在網(wǎng)站信息空間中到附近地點(diǎn)的通路。局部導(dǎo)航的設(shè)計(jì)好壞會(huì)直接影響到整個(gè)導(dǎo)航系統(tǒng)的質(zhì)量。
輔助導(dǎo)航:
提供了全局導(dǎo)航和局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑。用戶轉(zhuǎn)移瀏覽方向,而不需要從頭開(kāi)始。
上下文導(dǎo)航:
用戶在閱讀文本的時(shí)候,恰恰是他們需要上下文輔助信息的時(shí)候。準(zhǔn)確的理解用戶的需求,在他們閱讀的時(shí)候提供一些鏈接(例如:文字鏈接),要比用戶使用搜索和全局導(dǎo)航更高效。上下文導(dǎo)航的示意圖與輔助導(dǎo)航類似,這里就不再畫(huà)了。
友好導(dǎo)航:
一些用戶通常不會(huì)使用的鏈接,確實(shí)需要時(shí)又能快速有效的幫助用戶。例如:聯(lián)系信息、反饋表單和法律聲明等。
遠(yuǎn)程導(dǎo)航:
獨(dú)立方式存在的導(dǎo)航。如,網(wǎng)站地圖:簡(jiǎn)明的、單頁(yè)網(wǎng)站整體結(jié)構(gòu)展示。在用戶被你的其他導(dǎo)航搞得暈頭轉(zhuǎn)向時(shí),很多時(shí)候他會(huì)選擇網(wǎng)站地圖。
通過(guò)上面這些導(dǎo)航的設(shè)計(jì),可以看出一個(gè)完整的導(dǎo)航系統(tǒng)設(shè)計(jì)是非常復(fù)雜的和嚴(yán)謹(jǐn)?shù)摹?/P>
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲(chóng)訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開(kāi)發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21