建站常識
網(wǎng)站導(dǎo)航設(shè)計雜談
2009-08-12 14:52:00
“網(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)站策劃的朋友,總是把著眼點(diǎn)放在了網(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)航程式化,造成了成本浪費(fèi)與用戶操作的煩瑣;一個極簡的網(wǎng)站,高效能的傳播,純粹的功能,是不需要導(dǎo)航的干擾;如果能夠在最少的頁面里把事情說清楚,就不要浪費(fèi)更多的頁面,這是在節(jié)約社會資源,也是在節(jié)約用戶的時間。
可用性研究網(wǎng)站Useit.com(Nielsen)就是一個典型的沒有導(dǎo)航欄的網(wǎng)站
故事主線的網(wǎng)站,它們不需要導(dǎo)航。線性思維可以一步一步帶領(lǐng)用戶進(jìn)入目的地,只要內(nèi)容足夠吸引,那么用戶是不吝惜增加點(diǎn)擊的;這種敘事的內(nèi)容傳播側(cè)重的是內(nèi)容的深度,Step By Step的讓用戶深入了解內(nèi)容,并不希望用戶進(jìn)行跨越式瀏覽。故事網(wǎng)站并不能帶來寬泛的流量,必需像看幻燈片那樣一頁一頁的點(diǎn)擊下去,而卻能帶來影響力與深刻傳播,用戶往往一口氣瀏覽到底,而且很少去重新瀏覽;既然如此,故事主線的網(wǎng)站存在有何意義呢?很顯然,故事主線網(wǎng)站是進(jìn)行病毒式營銷的利器,通常人們會把自己喜歡的故事網(wǎng)站通過各種渠道分享給自己的親人和朋友。
著名的Web標(biāo)準(zhǔn)啟蒙讀物《為什么用表格排版是不明智的》采用線性無導(dǎo)航閱讀
用戶往往并不知道網(wǎng)站導(dǎo)航的存在
每個人都有經(jīng)常使用的網(wǎng)站,即便是網(wǎng)站策劃師也不例外?,F(xiàn)在確定一個你經(jīng)常訪問的網(wǎng)站(這個網(wǎng)站必須不是你親自參與設(shè)計建設(shè)的),好,閉上眼睛仔細(xì)回憶,這個你經(jīng)常造訪的網(wǎng)站,它的導(dǎo)航包含多少個項(xiàng)目,第一個項(xiàng)目是什么?最后一個呢?每個項(xiàng)目在導(dǎo)航中是如何排列的?現(xiàn)在你明白了么?……即便是你經(jīng)常訪問的網(wǎng)站,你也沒辦法把導(dǎo)航內(nèi)容完全記住。
Google中文(谷歌)可能是你每天都訪問的網(wǎng)站,你能記得它的導(dǎo)航具體是什么嗎
站在一個普通用戶的角度,在使用者的視場中,掃描著頁面的內(nèi)容,即什么內(nèi)容在頁面的什么地方,這些內(nèi)容是否是用戶需要的;用戶其實(shí)不關(guān)心導(dǎo)航是否存在,他們只有在當(dāng)前頁面找不到自己需要內(nèi)容的情況下,才會去尋找導(dǎo)航;因此,用戶的確能感受到頁面的存在,因?yàn)轫撁嫱ㄟ^視網(wǎng)膜讓用戶知道了它的存在,用戶往往不知道導(dǎo)航的存在,因?yàn)閷?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)航細(xì)分到3級甚至4級,這樣做是極其不合理的。在此我們引入一個維度的概念,如果每增加一級導(dǎo)航就增加一個維度,那么增加的這一級將使整個導(dǎo)航系統(tǒng)復(fù)雜度增加數(shù)倍,而用戶的操作將呈幾何數(shù)量級的增加。
一個企業(yè)網(wǎng)站的二維導(dǎo)航被扁平化的例子
我們必須明確,導(dǎo)航的出現(xiàn)是因?yà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)站地圖。
戴爾電腦的中文網(wǎng)站:網(wǎng)站導(dǎo)航就是網(wǎng)站地圖!
#p#
橫排導(dǎo)航與縱列導(dǎo)航的區(qū)別
我們知道,幾乎整個世界的閱讀習(xí)慣都是從左到右逐行進(jìn)行(中國古代是從上到下逐列進(jìn)行),那么在橫排導(dǎo)航中,左邊的項(xiàng)目一定比右邊的項(xiàng)目重要么?這也未必,因?yàn)樵絹碓蕉嗟挠脩魧?dǎo)航與段落區(qū)別開來,進(jìn)行跳躍式閱讀,出現(xiàn)了“金箍棒”狀態(tài),那么就意味著在橫排導(dǎo)航中,最后一個元素會有一個小的躍升;所以,有經(jīng)驗(yàn)的網(wǎng)站策劃師會把最重要的項(xiàng)目放在橫排導(dǎo)航的第一位,而次要項(xiàng)目放在橫排導(dǎo)航的最后一位,其它項(xiàng)目從第二位依次排列開。
橫排段落:權(quán)重由左至右逐漸降低
橫排導(dǎo)航:權(quán)重逐漸降低,最后出現(xiàn)躍升
由于用戶閱讀的橫掃描習(xí)慣,縱列導(dǎo)航保持了一個簡單的遞減關(guān)系,上面的權(quán)重最高,下面的權(quán)重最低。
縱列導(dǎo)航:權(quán)重由上至下逐漸降低
精簡合理的導(dǎo)航結(jié)構(gòu)是可以復(fù)用的
橫排導(dǎo)航+面包屑仿佛是網(wǎng)站導(dǎo)航的普遍格式,真的合理么?導(dǎo)航真的要占用那么多寶貴的屏幕資源么?越來越多精巧的設(shè)計將導(dǎo)航和面包屑融合在一起,完美的解決了“你在哪里”“你可以去哪里”這兩個最本質(zhì)的導(dǎo)航問題。
一種使用較少鏈接實(shí)現(xiàn)多級導(dǎo)航的網(wǎng)站導(dǎo)航形式
成功的導(dǎo)航方式是可以復(fù)用的,雖然在用戶的眼睛里沒有導(dǎo)航,然而在網(wǎng)站策劃師的視野中優(yōu)秀的導(dǎo)航隨處可見,導(dǎo)航設(shè)計并不存在什么訣竅和秘密,如果理解每種導(dǎo)航結(jié)構(gòu)的特點(diǎn),那么就“拿來主義”吧。
最后提示每一位網(wǎng)站策劃師:因?yàn)閮?nèi)容所以導(dǎo)航,千萬不可以“先設(shè)計導(dǎo)航、然后才冥想內(nèi)容”。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-05-17 17:05:00] 也說導(dǎo)航設(shè)計
- [2009-04-21 22:36:00] Wordpress后臺的導(dǎo)航設(shè)計
- [2009-05-25 08:18:00] 淺議手機(jī)客戶端設(shè)計:(四)客戶端導(dǎo)航設(shè)計
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計與信息架構(gòu)
- [2007-05-07 09:27:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2007-05-13 10:20:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞三
- [2010-11-25 08:25:00] 導(dǎo)航設(shè)計中的信息結(jié)構(gòu)
- [2010-06-17 08:18:00] 優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計分類
- [2006-02-27 16:10:00] 網(wǎng)頁導(dǎo)航設(shè)計九大注意事項(xiàng)
- [2007-05-13 10:22:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞四
解決方案
輪胎行業(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)鍵字
H5定制設(shè)計 搜索引擎 青島高端網(wǎng)站設(shè)計公司哪家好 官網(wǎng)建設(shè) 微網(wǎng)站 青島網(wǎng)站優(yōu)化 php程序 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)絡(luò)公司 手機(jī)網(wǎng)站建設(shè) 網(wǎng)站優(yōu)化 微信小程序 網(wǎng)站設(shè)計資訊 響應(yīng)式設(shè)計 高端輪胎網(wǎng)站設(shè)計 企業(yè)網(wǎng)站為什么要備案 青島網(wǎng)站建設(shè)公司哪家好 網(wǎng)站品牌 外貿(mào)網(wǎng)站設(shè)計 視覺靈感 營銷型網(wǎng)站 企業(yè)網(wǎng)站設(shè)計 網(wǎng)頁設(shè)計 輪胎網(wǎng)站設(shè)計 外貿(mào)網(wǎng)站建設(shè) 如何做網(wǎng)站優(yōu)化 用戶界面 網(wǎng)站交互設(shè)計 舒適的界面 空白和簡潔的設(shè)計