网站导航的设计

世界经理人管家5H UjD(C"T1w;py

导航的总体设计理念：在考虑易用性，实用性，用户体验的前提下考虑针对机器的友好性。世界经理人管家:x(u9hb(`
xk

世界经理人管家_L,dbE0S3e6a#C

我们常见的网站导航形式有文字导航，图片导航，JS导航，热区导航，Flash导航等等。当然，如果站在SEO角度来看，后面四种是最不利的，了解点SEO的人都知道，导航在页面优化中的重要性了，搜索引擎Bots最拿手的是识别字符串，尽管你的图片设计的多么美丽，Flash做的多么漂亮，Robots都无福享受，因为他们始终是机器。世界经理人管家,qK$a*k*f_]'`v

H.gHraX ue9D0常见导航的弊病世界经理人管家AO\ [U

世界经理人管家#]JHKd+`M+Z

易用性差，这点在Flash导航的站点中表现的极为突出，往往需要点2-3次才能打开链接，由于一些时候页面上的文字链接是被Flash覆盖的，所以很难点击。世界经理人管家Pc@@5D8{ g

7p1T9| r|0实用性差，企业站点的导航普遍存在的问题之一，过分的注重了企业网站的品牌效应，而忽略了实用性和营销能力，导致很多企业站点在后来的推广和营销中出现种种问题，企业网站一般的盈利模式很明确，出售产品或者出售服务，但是大部分企业喜欢将自己的产品和服务笼统的植入一个页面内，导航是这样写的“本站产品”，“本站服务”，这样的导航显得很浪费了，我们在设计的时候，尽量考虑到让重点的页在首页的重要位置去凸显，而我们的目的是让用户能准确，精确，快捷的找到自己的产品或者自己需要的服务，这样如果我们的产品种类比较多，或者服务项目较多，完全可以将产品和服务细分，分类的方式有两种，一个是直接在首页导航中加一行产品分类：A,B,C... ...另外一种是分层次的列表，即现有的本站产品或者本站服务的分类不用改动，建立Select下拉菜单，列出所有的子分类，这样这些具体的产品分类跟本站产品的页面属于父子目录的关系，结构也显得稍微清晰。

q9pL0F-K e8U0 世界经理人管家C*u[xe

导航的位置，究竟我们的导航放置在哪个位置最为合理呢？一天，我们的编辑同学告诉我她读到一篇文章中写道“导航放置在页面左边是做合理的”，当然，我没有发表意见，因为我想笔者考虑到的是导航代码在源文件中展现位置吧，一般而言，内文中写的代码在页面上是由左向右，自上而下的显示的，所以这样看来导航设计在左侧也是有道理的，确实能在内文中考前出现，而导航中的链接也能在比较考前的位置表现出来，有利于蜘蛛的抓取。但是我们忽略的一点，浏览器的布局和人们的操作习惯。世界经理人管家CN*t!},eBW6B|5f

世界经理人管家4yG`'@by7b

浏览器的滚动条是在右边的，最小化，最大化还有关闭按钮也是在右上角的，一般人喜欢的事右手抓鼠标，这样我们算一下点击距离（非页面点击距离），我们的鼠标光标一般喜欢停留在显示器中垂线右边的位置，这样我们点击右边菜单，点击顶部导航会更容易些，所以出于UE（用户体验）的考虑，枫林更喜欢将导航放置在页面的右边和顶部，那么搜索引擎这块怎么办呢？世界经理人管家A,u!yp'd

7ria2o.`?\0其实担心这个是多余的，我们完全可以将导航放在右边，但是导航在源文件中的显示位置却在比较靠前的位置，这点DIV+CSS是完全可以实现的，可以控制层的显示顺序，而不受页面位置的限制。

/qWr y1V,m x0

/y&\/t_a9Y0按道理来说在首页如果页面的长度大于一屏，大概是760像素，我们将导航放置在底部是最不合理的，几乎成了废物。但是有一些个性的设计师喜欢这么搞，因为显得比较另类或者一种谦虚的说法叫做低调吧，底部是导航和个人简介之类的东东，这个在很多Blog中有反映。

aC,GU:f#]2B]"M)]K0 世界经理人管家/ZO*eO$WFH i

总之，导航的设计就是在用户体验（留住人，增强粘滞性），机器友好（有利于网站推广）和设计个性（与众不同）中寻找一个平衡点吧！世界经理人管家d
p7[+vagV

站内搜索：

输入您的搜索字词 提交搜索表单

Web MY