網(wǎng)站導(dǎo)航設(shè)計雜談

“網(wǎng)站策劃中百分之七十的工作是圍繞網(wǎng)站導(dǎo)航開展的”——這句話是錯的。許多優(yōu)秀的網(wǎng)站成功在導(dǎo)航設(shè)計，許多糟糕失敗在導(dǎo)航設(shè)計，這個現(xiàn)象的確存在，但這并不意味著導(dǎo)航設(shè)計占有網(wǎng)站策劃工作的絕對重心。不是所有的網(wǎng)站都需要導(dǎo)航策劃這類思維活動，一旦形成了慣性也就失去了創(chuàng)造力。很多從事網(wǎng)站策劃的朋友，總是把著眼點放在了網(wǎng)站的導(dǎo)航，殊不知很多網(wǎng)站壓根不需要導(dǎo)航，因此，正確的網(wǎng)站策劃思維應(yīng)該是首先明確“我們是否需要導(dǎo)航”，然后才是“我們需要一個什么樣的導(dǎo)航”只有一個頁面的網(wǎng)站，它們不需要導(dǎo)航。企業(yè)簡介、聯(lián)系方式、產(chǎn)品服務(wù)，這樣的名片式網(wǎng)站是國內(nèi)中小型企業(yè)普遍采用的形式，而這些內(nèi)容往往可以在一個頁面中展開；網(wǎng)站建設(shè)公司為了提高價格將名片式網(wǎng)站故意復(fù)雜化，同時為了節(jié)約成本將導(dǎo)航程式化，造成了成本浪費與用戶操作的煩瑣；一個極簡的網(wǎng)站，高效能的傳播，純粹的功能，是不需要導(dǎo)航的干擾；如果能夠在最少的頁面里把事情說清楚，就不要浪費更多的頁面，這是在節(jié)約社會資源，也是在節(jié)約用戶的時間。33個罰IM(埶22「業(yè)3應(yīng)&卜囲呂陸:延云忑FT忌昭200^臥endwng血33個罰IM(埶22「業(yè)3應(yīng)&卜囲呂陸:延云忑FT忌昭200^臥endwng血(r)avi^uixi>血Etoei照謝伶■,貝昭niakUIDIE.ClinicI^i^lr^drfn^wlF：hMriC^話時|:JakobNielsen'sWebsitePermanentContentNeuvs41習(xí)*to^qx￥tt」*.ail',siLI'rijn^jy.；.■'J.'^.'/.i^FlnAnel^lflruwH理和WWOJL?NSUJDfOyfc如戔M?「昭Ihe.n&lB^SLioriClabii-[ "』>d￡匚G町廠.宀也ME匚?WT「(-BtK^UtrewSmqItcfn詢田閭=園斗7ii—脣口町” :“陰二三門 TVJjllEgInlrflnntJdurn^l詬￡曲blEt祇我旳j~T5-Hcrn~吟tHeBEWt葉pfeuTTimchSati「■-E哼r,曲h叮mWrllR-tneotJaurnalI?舊一蘭二1三于冬i*?。海和鯡.!廠呻亡二三r尸町p?El遼述[m過1■丘工jii.Ljjrds也lnirii>Fi川 Huh.ST叮試第tl■遲G：吋BEJC： iJE^T些；8J&btbxETTH)<*E中三占”勺片"Hedtlrw陽弭n袖乙畔計<3；占m|二苦￡吟為垮OuH&神、JIU巴匚：匚匕IL#「股1口注二Ddh匕門一*曠2卅腫;皿出百呂才曲宓CB&:二51「|丁￡蓄覽1毋了扌￡CDfra卅「L弓母遼Lilt唁?！?忙；8i3k￥T.wtMlm呂門曲tLEO匚工野也iSHjiiz旦匚衛(wèi)匚印亠dqiiriFlfianEKalTkwHET^hflijB[HftMMt 隔性碎山電SMfFsiunon-mulcErl匚Enc上上||.巴「*?吃利：5Li〉忙-1IE竝Lr「丄tagIsm^fdEXlulUsi比mij嚴(yán)S:J”?：|l月￡iMcrthcx丄skofmooMwiiorfe丹ebus-ai：lity需oclb!昭總￡”匚曲|尸申弋m2仃幘占r.mt$(Aljojs^3}t^mmijn-jtyfeatijreiiarespread=^9from'Webi(V1to■￡niespr|^e2.Crfese-archet?s924ccmptf-iiesfoundtba5rrLanyjremakingpracSjctlweuseofsocialinftrwetWblwi』sa02irY伽丫20)矗啟Mjfft伽"LKfltol口氏十CM”6)Mtcm站商wdMgj「叩(Jutjp23>制I站已irtxwws皿fromS的5to20095酥?g點「gzPtter廿￥ernall^hen4newAlertboKIs口」口1才已占強ports金隠1古gabUI.宙AddUcatL&nc^lxrtannua§Irdrangt蟲業(yè)gartfBJdlEKS[}占1曲su:fqI勺1-10InirjfWmSweeter-specific;ftnand比□DygnmenLEnVaJr^w呂出awE-aaTraeroeandBSS占Ites紀(jì)卻Invaslflieraforusdb^ity^ROI)AfleyKMjp^-③1蛀貝"pESfiSd5即:曲DoriiJj：errsioron-profits!?■?CorpohaM皿羽："AhouLuaYGL￡Gstommi!.的?W止h 側(cè)梶日遐恒Ml!弓出LaaSilRyEkite卜!M%U口bilitvHHkHOD勒tortfercnce&jlnbijnW5cc<laxf..S^pteinber54-16Lku◎百.MV.Ottober11-17自己出Ir：i5e<TTiwr￥PNbvembe「lS-20可用性研究網(wǎng)站U(Nielsen)就是一個典型的沒有導(dǎo)航欄的網(wǎng)站故事主線的網(wǎng)站，它們不需要導(dǎo)航。線性思維可以一步一步帶領(lǐng)用戶進入目的地，只要內(nèi)

容足夠吸引，那么用戶是不吝惜增加點擊的;這種敘事的內(nèi)容傳播側(cè)重的是內(nèi)容的深度,tepByStep的讓用戶深入了解內(nèi)容，并不希望用戶進行跨越式瀏覽。故事網(wǎng)站并不能帶來寬泛的流量，必需像看幻燈片那樣一頁一頁的點擊下去，而卻能帶來影響力與深刻傳播，用戶往往一口氣瀏覽到底，而且很少去重新瀏覽;既然如此，故事主線的網(wǎng)站存在有何意義呢？很顯然，故事主線網(wǎng)站是進行病毒式營銷的利器，通常人們會把自己喜歡的故事網(wǎng)站通過各種渠道分享給自己的親人和朋友。著名的Web標(biāo)準(zhǔn)啟蒙讀物《為什么用表格排版是不明智的》采用線性無導(dǎo)航閱讀Whytable^forlayoutisstupid:著名的Web標(biāo)準(zhǔn)啟蒙讀物《為什么用表格排版是不明智的》采用線性無導(dǎo)航閱讀probEern*5definedjsoEijtionsofferecfTibSert-fcfHfite-dln<HWLf?one Tbdi￡f4a^>UbdwBuitti?nmaJeItpcsslble-fcrdcslrjTKntoha-weagnduponMiizhLolayoutImnge-inndCeaLSci'JLbeno?I;dcmlnanlnvancofijtsl^nlng rxiiWeb$1吟升訕申韓甲pF isnow叭!1|1甲1丫Inlj^rf#ring^^1沖11引噸鼻be-￡.|prpmcr^Mvi W<ib.匸If*!如.品GT*ihepre>w?msfir^K4KjIwrFK-wilLrttiw trm?吐血 y￡也和1邨號I^QUL|.itlinnjWM!,Elt*zi.rui用戶往往并不知道網(wǎng)站導(dǎo)航的存在|.itlinnjWM!,Elt*zi.rui每個人都有經(jīng)常使用的網(wǎng)站，即便是網(wǎng)站策劃師也不例外?，F(xiàn)在確定一個你經(jīng)常訪問的網(wǎng)站（這個網(wǎng)站必須不是你親自參與設(shè)計建設(shè)的），好，閉上眼睛仔細回憶，這個你經(jīng)常造訪的網(wǎng)站，它的導(dǎo)航包含多少個項目，第一個項目是什么？最后一個呢？每個項目在導(dǎo)航中是如何排列的?現(xiàn)在你明白了么？?…即便是你經(jīng)常訪問的網(wǎng)站，你也沒辦法把導(dǎo)航內(nèi)容完全記住。Google中文（谷歌）可能是你每天都訪問的網(wǎng)站，你能記得它的導(dǎo)航具體是什么嗎站在一個普通用戶的角度，在使用者的視場中，掃描著頁面的內(nèi)容，即什么內(nèi)容在頁面的什么地方，這些內(nèi)容是否是用戶需要的；用戶其實不關(guān)心導(dǎo)航是否存在，他們只有在當(dāng)前頁面找不到自己需要內(nèi)容的情況下，才會去尋找導(dǎo)航；因此，用戶的確能感受到頁面的存在，因為頁面通過視網(wǎng)膜讓用戶知道了它的存在，用戶往往不知道導(dǎo)航的存在，因為導(dǎo)航系統(tǒng)是一個抽象的概念。用戶使用導(dǎo)航是要找到自己需要的內(nèi)容，這種需求往往非常急切，而且你不要認(rèn)為每個用戶都會像在月亮山挖寶一樣孜孜不倦，在導(dǎo)航的幫助下，如果還不能快速的找到自己想要看的東西，那么他們就會關(guān)掉瀏覽器跑掉了。這個時候，一份詳盡的網(wǎng)站地圖，會比你精心設(shè)計的導(dǎo)航更有效和快捷。越是扁平結(jié)構(gòu)的網(wǎng)站導(dǎo)航越有效很多網(wǎng)站策劃師喜歡使用多級導(dǎo)航，有的甚至按照邏輯關(guān)系把導(dǎo)航細分到3級甚至4級，這樣做是極其不合理的。在此我們引入一個維度的概念，如果每增加一級導(dǎo)航就增加一個維度，那么增加的這一級將使整個導(dǎo)航系統(tǒng)復(fù)雜度增加數(shù)倍，而用戶的操作將呈幾何數(shù)量級的增加首頁產(chǎn)品與服務(wù) 企業(yè)文化關(guān)于我們彳…打面機… 算…管理理惹“j■ {.piiwii■■■■■■■■■■■■■m*L…塹矍…」 產(chǎn)品與服務(wù) 企業(yè)文化關(guān)于我們彳…打面機… 算…管理理惹“j■ {.piiwii■■■■■■■■■■■■■m*L…塹矍…」 審質(zhì)量碎垂壓扁HI昶食已■11muin11111in11ani打印扒顯示器首頁I潯冠垣茶］p'Ssssi注亞肓齊1「養(yǎng)賃葉幫Irssssi一個企業(yè)網(wǎng)站的二維導(dǎo)航被扁平化的例子我們必須明確，導(dǎo)航的出現(xiàn)是因為在一個頁面中無法同時展現(xiàn)那么多的內(nèi)容；也就是說導(dǎo)航是無奈之舉，并非必需品。無論橫向?qū)Ш竭€是縱向?qū)Ш?，假如入屏幕足夠?qū)捇蜃銐蜷L，那么只需要一級導(dǎo)航就可以了。這也就是說，需要把一個多維的縱深導(dǎo)航系統(tǒng)壓扁，這樣做的代價是打破網(wǎng)站欄目之間明確的從屬邏輯，而得到的好處是讓用戶更快的找到自己需要的內(nèi)容扁平結(jié)構(gòu)的導(dǎo)航，正在逐漸成為網(wǎng)站導(dǎo)航的主流，這就是為什么那么多門戶網(wǎng)站將一級的欄目在導(dǎo)航區(qū)以多行出現(xiàn)，并且你能發(fā)現(xiàn)更極端的做法——網(wǎng)站的導(dǎo)航就是網(wǎng)站地圖。支持參與社區(qū)關(guān)于戴爾卜馳動程序下載＞閱讀我們的傅容＞職業(yè)生涯卜產(chǎn)品支持、觀看觀頻＞投涯關(guān)慕＞當(dāng)用解決方黨＞技術(shù)館壇＞媒佈A訂單支持＞戴爾發(fā)伺亞太區(qū)簡介*戴爾傑修信息戴爾電腦的中文網(wǎng)站：網(wǎng)站導(dǎo)航就是網(wǎng)站地圖！橫排導(dǎo)航與縱列導(dǎo)航的區(qū)別我們知道，幾乎整個世界的閱讀習(xí)慣都是從左到右逐行進行（中國古代是從上到下逐列進行）那么在橫排導(dǎo)航中，左邊的項目一定比右邊的項目重要么？這也未必，因為越來越多的用戶將導(dǎo)航與段落區(qū)別開來，進行跳躍式閱讀，出現(xiàn)了“金箍棒”狀態(tài)，那么就意味著在橫排導(dǎo)航中，最后一個元素會有一個小的躍升；所以，有經(jīng)驗的網(wǎng)站策劃師會把最重要的項目放在橫排導(dǎo)航的第一位，而次要項目放在橫排導(dǎo)航的最后一位，其它項目從第二位依次排列開。橫排段落:權(quán)重由左至右逐漸降低橫排段落:權(quán)重由左至右逐漸降低橫排導(dǎo)航:權(quán)重逐漸降低，最后出現(xiàn);K橫排導(dǎo)航:權(quán)重逐漸降低，最后出現(xiàn);K升橫排導(dǎo)航:權(quán)重逐漸降低，最后出現(xiàn)躍升由于用戶閱讀的橫掃描習(xí)慣，縱列導(dǎo)航保持了一個簡單的遞減關(guān)系，上面的權(quán)重最高，下面的權(quán)重最低。

縱列導(dǎo)航:權(quán)重由上至下逐漸降低縱列導(dǎo)航:權(quán)重由上至下逐漸降低精簡合理的導(dǎo)航結(jié)構(gòu)是可以復(fù)用的橫排導(dǎo)航+面包屑仿佛