网站导航设计杂谈

1、网站策划中百分之七十的工作是围绕网站导航开展的一一这句话是错的。许多优秀的网站 成功在导航设计，许多糟糕失败在导航设计，这个现象的确存在，但这并不意味着导航设计 占有网站策划工作的绝对重心。不是所有的网站都需要导航策划这类思维活动，一旦形成了惯性也就失去了创造力。很多从事网站策划的朋友，总是 把着眼点放在了网站的导航，殊不知很多网站压根不需要导航，因此，正确的网站策划思维 应该是首先明确我们是否需要导航”，然后才是我们需要一个什么样的导航”只有一个页面的网站，它们不需要导航。企业简介、联系方式、产品服务，这样的名片式 网站是国内中小型企业普遍采用的形式，而这些内容往往可以在一个页面中展开；网站

2、建设 公司为了提高价格将名片式网站故意复杂化，同时为了节约成本将导航程式化，造成了成本 浪费与用户操作的烦琐；一个极简的网站，高效能的传播，纯粹的功能，是不需要导航的干 扰;如果能够在最少的页面里把事情说清楚，就不要浪费更多的页面，这是在节约社会资源， 也是在节约用户的时间。: Jakob Nielsens WebsitePermanent ContentiMcrthcxj成出与Permanent ContentiMcrthcxj成出与ort Web lity5 In 上占m,featijreii are spread=9 from Web i (V1 to nieiprle .0. ftes

3、e wch west 3 4 ccrripmles found rrLany jre making pracSjctlwe use of social inftrwet feabjres-w曲g女哗|忡20;REm&ed:切 LPs疝归lit tMy 6)aKgMTdftAgc；! Oune 23)&U AlEirtxi 茂口 七档 from S 务5 to SUOS%-*宣日tter by ernall 也hwn 4 new Alertbos Is PjdI EhecReiwr(sAdd!顼 m clgskrtIrtirargtJTtfBJ j|I而D曰IEd 血 拍Jfeffinlrer或

4、三1-10IninjwSector-specific; ftnand站,PCTemn泗iL laduFir* .招 口岂wgs恒 址归扣E-aaTraeroe ana E25吕1血脸：e Invaslfliera for usdbity ROI)TS5fr5_ sl*DoriiJj： errs io ron-profits 恒质Corpor* 就es： AhouLw, GL (Zisteml宅占匕二片处也他盘土Mb溯emUg arrf Ma&H浏 E_；fe|K后Newsfi-ab ilit Wc-ek toifcncnceUdinbLW. Scctland, Sepleinber ：4-lB

5、生 住做.皿 Oct皿r tE-17皂 wUln. derm an t. MoEenber ! 5-30玛独1*丫乂；初附，*15也洎1 (StrXiUift； & IS；(加“如hE祈jtr田工0(立曜.园也心TH MtMWh Mlftil! M&w YTBJ UW TMfttoSsEdilbdala: t瞒 F*帆 Flrui?叫g 肝 30CK1-tiw* 共,1、.ail, si ir rijnjy. ；.FlnAnell flruw U 顼孙 y 宅心博 KSDDfQyfc 火0黑t BSLtori Clabii- I WIFE日，侦d $匚|普E 丁日 MH 项(-BtKiJt r

6、ewSmq Itcfn 的珪福)一Hgnm业zH也.呈we 0田如TwHlegIrrifmnt Jdu rnl 加5应 blEtHg-ng T边Wcrn再 tHe 旦矣t 跖Itme的Ffipfeu，前业匚h awr匚m的h y宅Wall R-tneot Jaurnal I_.=三亍霎七三：！ Qs . EwmF，：点 以二土 eFG p Ei寤MRlJlUlijiMSL.LjilJCC.WLE IrrtnmHlHuh qW 二i，与 E MBEJC：iJEl三 Jg比JfXETTH)ruM *旧Hn由【S口匚堇虹臼 皮口5代包函卫匚挣L.d gim FlfianEKalTkwHEHlWMl步

7、* E 心壮山宣 SMfFM：定商口P :J 顷：|1可用性研究网站U可用性研究网站U（Nielsen）就是一个典型的没有导航栏的网站故事主线的网站，它们不需要导航。线性思维可以一步一步带领用户进入目的地，只要内H配 IfUHMMl著名的WebH配 IfUHMMl著名的Web标准启蒙读物为什么用表格排版是不明智的采用线性无导航阅读砌物wc脆的试血e皿|.itlinnjWM!, Elt*zi. nji容足够吸引，那么用户是不吝惜增加点击的;这种叙事的内容传播侧重的是内容的深度,Step By Step的让用户深入了解内容，并不希望用户进行跨越式浏览。故事网站并不能带来宽泛 的流量，必需像看幻灯片

8、那样一页一页的点击下去，而却能带来影响力与深刻传播，用户往 往一口气浏览到底，而且很少去重新浏览；既然如此，故事主线的网站存在有何意义呢？很 显然，故事主线网站是进行病毒式营销的利器，通常人们会把自己喜欢的故事网站通过各种 渠道分享给自己的亲人和朋友。Why tables for layout is stupid:probEern*5 defined soEij tions of ferecfTitdert-ln E3*de Itpcsslble- fcr de雷kfs to ha-we a gnd upon wlitizh Lo lay out Imnge-i nnd CeaL Sci J

9、Lbe no?I; dcmlnanl meanc of ijtslnlng Fim明 rtfii Web p平（亨 呷牛 pF tnh由 k now qWpJbf In捋rfering卜呻吓 归 betlTp mcrg匚志MmIHs MviWWms 5Efiry 4fd 旧口神应响 tflCJMt* gndUg 收心WmM y硕写用户往往并不知道网站导航的存在每个人都有经常使用的网站，即便是网站策划师也不例外。现在确定一个你经常访问的网站 （这个网站必须不是你亲自参与设计建设的），好，闭上眼睛仔细回忆，这个你经常造访的 网站，它的导航包含多少个项目，第一个项目是什么？最后一个呢？每个项目在导航

10、中是如 何排列的?现在你明白了么？-即便是你经常访问的网站，你也没办法把导航内容完全记住。网页瞄g号麟湖龄藏g郭巍瞄薄潟做 更多ViGoogleG。弗囱叫|巳搜索手气不错.语言工具Google中文（谷歌）可能是你每天都访问的网站，你能记得它的导航具体是什么吗站在一个普通用户的角度，在使用者的视场中，扫描着页面的内容，即什么内容在页面的什 么地方，这些内容是否是用户需要的；用户其实不关心导航是否存在，他们只有在当前页面 找不到自己需要内容的情况下，才会去寻找导航；因此，用户的确能感受到页面的存在，因 为页面通过视网膜让用户知道了它的存在，用户往往不知道导航的存在，因为导航系统是一 个抽象的概念。

11、用户使用导航是要找到自己需要的内容，这种需求往往非常急切，而且你不要认为每个用户 都会像在月亮山挖宝一样孜孜不倦，在导航的帮助下，如果还不能快速的找到自己想要看 的东西，那么他们就会关掉浏览器跑掉了。这个时候，一份详尽的网站地图，会比你精心设 计的导航更有效和快捷。越是扁平结构的网站导航越有效很多网站策划师喜欢使用多级导航，有的甚至按照逻辑关系把导航细分到3级甚至4级，这 样做是极其不合理的。在此我们引入一个维度的概念，如果每增加一级导航就增加一个维度， 那么增加的这一级将使整个导航系统复杂度增加数倍，而用户的操作将呈几何数量级的增加。首页产品与服务|企业文化I.关于我们厂厅和机zL电虱瞌一二

12、卜径膜芥一；如“* j. :.旨亘漏一肾一丽板贰X 一函而藁香诚联系方式 压扁首页：打赢:LsJ尻蠹泰尊森速器网一个企业网站的二维导航被扁平化的例子我们必须明确，导航的出现是因为在一个页面中无法同时展现那么多的内容；也就是说导航 是无奈之举，并非必需品。无论横向导航还是纵向导航，假如入屏幕足够宽或足够长，那么 只需要一级导航就可以了。这也就是说，需要把一个多维的纵深导航系统压扁，这样做的代 价是打破网站栏目之间明确的从属逻辑，而得到的好处是让用户更快的找到自己需要的内容。 扁平结构的导航，正在逐渐成为网站导航的主流，这就是为什么那么多门户网站将一级的栏 目在导航区以多行出现，并且你能发现更极端

13、的做法一一站的导航就是网站地图。P驱动程序下载 卜产品支持常用辩硬方案AP驱动程序下载 卜产品支持常用辩硬方案A订单支持戴尔保修信息参与社区阅读我们的博容X观看视频技术论坛关于戴添眼业宝涯卜投资者关系媒怀戴尔公司亚太区荷卉戴尔电脑的中文网站：网站导航就是网站地图!横排导航与纵列导航的区别我们知道，几乎整个世界的阅读习惯都是从左到右逐行进行（中国古代是从上到下逐列进行）， 那么在横排导航中，左边的项目一定比右边的项目重要么？这也未必，因为越来越多的用户 将导航与段落区别开来，进行跳跃式阅读，出现了“金箍棒”状态，那么就意味着在横排导航 中，最后一个元素会有一个小的跃升；所以，有经验的网站策划师会把最重要的项目放在横 排导航的第一位，而次要项目放在横排导航的最后一位，其它项目从第二位依次排列开。横排段落:权重由左至右逐渐降低横排导航:权重逐渐降低，最后出现跃升由于用户阅读的横扫描习惯，纵列导航保持了一个简单的递减关系，上面的权重最高，下面 的权重最低。纵列导航:权重由上至下逐渐降低精简合理的导航结构是可以复用的横排导航+面包屑仿佛是网站导航的普遍格式，真的合理么？导航真的要占用那么多宝贵的 屏幕资