技術(shù)資訊
導(dǎo)航設(shè)計淺析
2008-11-05 17:59:00
一說到導(dǎo)航每個人都不陌生,如amazon的Tab式導(dǎo)航、網(wǎng)站地圖、軟件中的菜單導(dǎo)航、索引表等等。導(dǎo)航設(shè)計看上去非常的簡單:無非是頁面上放置一些鏈接,通過這些鏈接用戶可瀏覽和使用整個網(wǎng)站。事實(shí)并非如此,導(dǎo)航設(shè)計是非常復(fù)雜和嚴(yán)謹(jǐn)?shù)摹?下面我們以網(wǎng)站導(dǎo)航為例粗淺的分析一下導(dǎo)航設(shè)計的復(fù)雜性:
任務(wù):設(shè)計一個網(wǎng)站導(dǎo)航
目標(biāo):
1、提供給用戶方便的網(wǎng)頁間跳轉(zhuǎn)的方法
2、能夠表達(dá)出頁面之間、頁面與內(nèi)容之間的關(guān)系
分析:人本能的具有空間感。想象一下你現(xiàn)在坐在家中的沙發(fā)上看電視,突然有訪客,你起身會向哪個方向走去?高中時的摯友是坐在你的前面還是后面?——不用問大家都能會快的回答出來。
同樣我們在設(shè)計網(wǎng)站導(dǎo)航的時候一定要清晰地告訴訪問者“他們在那哪兒”和“他們能去哪兒”
用戶需要知道他們在網(wǎng)站信息空間當(dāng)前所處的位置,我們也希望能幫助用戶建立網(wǎng)站空間感,通過我們設(shè)計的導(dǎo)航系統(tǒng)。(之所以稱為導(dǎo)航系統(tǒng),是因?yàn)閮H僅靠某一種導(dǎo)航模式是無法完成目標(biāo)的)
設(shè)計方案:提供一個完整的導(dǎo)航系統(tǒng),其中包括全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航、遠(yuǎn)程導(dǎo)航
全局導(dǎo)航:
從網(wǎng)站的最終頁面到達(dá)其他頁面的一組關(guān)鍵點(diǎn),無論你想去哪里,都可以在全局導(dǎo)航中最終到達(dá)。
局部導(dǎo)航:
提供一個頁面的父、兄、子級別的通路,是用戶在網(wǎng)站信息空間中到附近地點(diǎn)的通路。局部導(dǎo)航的設(shè)計好壞會直接影響到整個導(dǎo)航系統(tǒng)的質(zhì)量。
輔助導(dǎo)航:
提供了全局導(dǎo)航和局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑。用戶轉(zhuǎn)移瀏覽方向,而不需要從頭開始。
上下文導(dǎo)航:
用戶在閱讀文本的時候,恰恰是他們需要上下文輔助信息的時候。準(zhǔn)確的理解用戶的需求,在他們閱讀的時候提供一些鏈接(例如:文字鏈接),要比用戶使用搜索和全局導(dǎo)航更高效。上下文導(dǎo)航的示意圖與輔助導(dǎo)航類似,這里就不再畫了。
友好導(dǎo)航:
一些用戶通常不會使用的鏈接,確實(shí)需要時又能快速有效的幫助用戶。例如:聯(lián)系信息、反饋表單和法律聲明等。
遠(yuǎn)程導(dǎo)航:
獨(dú)立方式存在的導(dǎo)航。如,網(wǎng)站地圖:簡明的、單頁網(wǎng)站整體結(jié)構(gòu)展示。在用戶被你的其他導(dǎo)航搞得暈頭轉(zhuǎn)向時,很多時候他會選擇網(wǎng)站地圖。
通過上面這些導(dǎo)航的設(shè)計,可以看出一個完整的導(dǎo)航系統(tǒng)設(shè)計是非常復(fù)雜的和嚴(yán)謹(jǐn)?shù)摹?/P>
原文:http://www.kdued.com/2008/11/%E5%AF%BC%E8%88%AA%E8%AE%BE%E8%AE%A1%E6%B5%85%E6%9E%90/
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2008-11-12 11:53:00] 從精簡導(dǎo)航談小型網(wǎng)站的設(shè)計
- [2008-09-27 11:05:00] 網(wǎng)址導(dǎo)航的組織方法
- [2016-08-03 10:53:41] 網(wǎng)頁設(shè)計中標(biāo)簽式導(dǎo)航的設(shè)計思路
- [2008-11-10 12:21:00] 網(wǎng)站tab導(dǎo)航的設(shè)計
- [2014-10-08 21:24:15] 面包屑導(dǎo)航在網(wǎng)站優(yōu)化上的作用
- [2012-03-13 22:32:33] 如何設(shè)計網(wǎng)站導(dǎo)航菜單
- [2009-01-07 14:45:00] 關(guān)于導(dǎo)航的探討
- [2009-01-20 09:07:00] 關(guān)于網(wǎng)站導(dǎo)航的壓力測試
- [2014-11-18 09:43:39] 網(wǎng)站導(dǎo)航設(shè)計系統(tǒng)的分類及作用
- [2008-02-28 10:24:00] 關(guān)于導(dǎo)航的探討
- [2011-11-27 22:47:04] 什么是面包屑導(dǎo)航?
- [2009-04-09 08:28:00] 怎樣的面包屑導(dǎo)航更能體現(xiàn)整站架構(gòu)
解決方案
輪胎行業(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)鍵字
網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 微信開發(fā) 企業(yè)建站 青島flash網(wǎng)站 集團(tuán)公司網(wǎng)站建設(shè) 程序開發(fā) 青島網(wǎng)站案例 網(wǎng)站SEO 輪胎網(wǎng)站設(shè)計 網(wǎng)站設(shè)計趨勢 青島輪胎網(wǎng)站設(shè)計公司 集團(tuán)性網(wǎng)站 網(wǎng)站制作 扁平化設(shè)計 青島網(wǎng)站建設(shè)基礎(chǔ)知識 GOOGLE 網(wǎng)站的速度 力圖數(shù)字科技 HTML5 英文網(wǎng)站建設(shè) 網(wǎng)站視覺 網(wǎng)站設(shè)計資訊 企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 網(wǎng)站推廣 高端輪胎網(wǎng)站設(shè)計 營銷型網(wǎng)站 青島不錯的英文網(wǎng)站建設(shè)公司 青島開發(fā)區(qū)建站公司 外貿(mào)網(wǎng)站設(shè)計