導(dǎo)航在Web中扮演一個(gè)回答用戶"我是誰(shuí)？""我從哪里來(lái)?""我到哪里去"的角色。好的導(dǎo)航是一個(gè)網(wǎng)站的主要基石。而在開(kāi)始設(shè)計(jì)一個(gè)網(wǎng)站或者改版一個(gè)網(wǎng)頁(yè)時(shí)，它往往是設(shè)計(jì)師第一個(gè)面臨的挑戰(zhàn)。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括潁上網(wǎng)站建設(shè)、潁上網(wǎng)站制作、潁上網(wǎng)頁(yè)制作以及潁上網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，潁上網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到潁上省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

01導(dǎo)航設(shè)計(jì)之信息架構(gòu)

信息架構(gòu)決定了導(dǎo)航的定性，在設(shè)計(jì)之前整理清楚內(nèi)容的信息架構(gòu)，才能程度發(fā)揮導(dǎo)航的梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息功能。網(wǎng)頁(yè)結(jié)構(gòu)一共有多少層級(jí)關(guān)系？是否存在上下層關(guān)系？各類別標(biāo)簽之間的關(guān)系是并列關(guān)系還是相關(guān)聯(lián)的？各子級(jí)項(xiàng)中是否存在可合并項(xiàng)？等等。要避免單純地按照簡(jiǎn)單的邏輯關(guān)系，甚至按照業(yè)務(wù)關(guān)系把頁(yè)面導(dǎo)航細(xì)分到3級(jí)甚至4級(jí)或者產(chǎn)生出一些和用戶認(rèn)知不相符的信息類別。每增加一級(jí)導(dǎo)航就增加一個(gè)認(rèn)知維度，每增加一級(jí)使得整個(gè)導(dǎo)航系統(tǒng)復(fù)雜度增加數(shù)倍，不僅用戶的操作將成倍的增加，給網(wǎng)頁(yè)后期維護(hù)的帶來(lái)極大的成本。以下兩種圖示，就能清楚地看到相同數(shù)量頁(yè)面的不同放置方式給用戶帶來(lái)不同的體驗(yàn)。

在web交互設(shè)計(jì)中存在"3次點(diǎn)擊"的原則，用戶在3次點(diǎn)擊后無(wú)法找到想要的信息或完成某個(gè)功能時(shí)，便會(huì)選擇放棄。所以對(duì)于導(dǎo)航來(lái)說(shuō)，最基本的應(yīng)該是讓用戶知道當(dāng)前的頁(yè)面有哪些內(nèi)容，并且知道自己的目標(biāo)內(nèi)容在哪里。導(dǎo)航設(shè)計(jì)的廣度和深度的區(qū)別展示，一般來(lái)說(shuō)，廣度比深度的效果要好。在深結(jié)構(gòu)的各級(jí)別間選擇更容易迷失方向，甚至可能迷路。但也不要在廣度上鋪的過(guò)廣，任何時(shí)候把太多內(nèi)容show出來(lái)都會(huì)嚇退用戶，讓他們被迫患上了"選擇綜合癥"。

為了更明確用戶的認(rèn)知或者甚至說(shuō)在設(shè)計(jì)師面對(duì)改版等需求時(shí)，有助導(dǎo)航的創(chuàng)建和完善，常用的一個(gè)方法是卡片分類法。卡片分類法的進(jìn)行方式很簡(jiǎn)單，首先準(zhǔn)備一些大小相同的空白卡片，將信息寫在不同的卡片上，讓參與人員自行分類，也可有適當(dāng)?shù)慕忉屝砸龑?dǎo)。每次測(cè)試的人數(shù)最好在2到4個(gè)之間，人數(shù)過(guò)少的話使用者之間不易產(chǎn)生討論，人數(shù)過(guò)多則會(huì)讓討論變得混亂，場(chǎng)面不易控制。這是一種在在網(wǎng)站或其他規(guī)劃初期常用的一個(gè)測(cè)試方法，能從中了解真正符合用戶習(xí)慣的信息分類，找到之間的認(rèn)知差異，作為調(diào)整架構(gòu)的依據(jù)。

02導(dǎo)航設(shè)計(jì)之交互樣式

Web導(dǎo)航的最重要的作用就是將網(wǎng)站的內(nèi)容信息友好地展示給用戶。在確定好網(wǎng)站的信息架構(gòu)后，應(yīng)當(dāng)按需所取適當(dāng)?shù)膶?dǎo)航樣式。而不是不管三七二十一，都來(lái)個(gè)tab式導(dǎo)航，覺(jué)得沒(méi)有個(gè)橫梁式的導(dǎo)航都不好意思說(shuō)自己在做網(wǎng)頁(yè)。首先我們了解一些常用的導(dǎo)航形式：

1. 分步導(dǎo)航（Step navigation）通常由文字標(biāo)簽和箭頭組成，也要伴隨著向后退的鏈接。適用于環(huán)環(huán)相扣的頁(yè)面流程，如向?qū)?，支付，在線閱讀等，為一個(gè)接一個(gè)的頁(yè)面提供訪問(wèn)。

（圖示出自：Google.com 注冊(cè)頁(yè)面）

2.分頁(yè)導(dǎo)航（Paging navigation）經(jīng)常出現(xiàn)在搜索頁(yè)中，一次可展現(xiàn)的結(jié)果數(shù)目通常有限制，超出限制的結(jié)果將在新頁(yè)面展現(xiàn)。最簡(jiǎn)單的分頁(yè)導(dǎo)航就是帶頁(yè)碼的分布導(dǎo)航。

（圖示出自：阿里巴巴 我的阿里）

3.面包屑（Breadcrumb trail）展示了用戶訪問(wèn)網(wǎng)站的路線，由一大串的元素和節(jié)點(diǎn)組成。每個(gè)節(jié)點(diǎn)都與指向先前訪問(wèn)過(guò)的頁(yè)面或父級(jí)主題相連，節(jié)點(diǎn)間以符號(hào)分隔，通常是大于號(hào)（>）,冒號(hào)（：）或者豎線（|）

當(dāng)前標(biāo)題：Web導(dǎo)航設(shè)計(jì)二三事
文章出自：http://weahome.cn/article/cjscic.html