搜索视觉搜索:
搜索  
icon 当前位置: 首页 » 文章

专业网站导航菜单风格评析(二)

[来 源] ccidnet.com[作 者] 青苹果工作室[发表时间] 2001/11/17 22:10:57
  三.菜单导航样式剖析
  我们以一个手握鼠标的访问者为例。请设想一下:他们所寻找的是什么?他们想要到哪去?当握着鼠标的手在正确的时间自然地移动到正确的链接时,什么样的版面能提交出菜单世界的"甜蜜景点"呢?
  现在我们来定义一些用于这次讨论的术语。我定义这些术语的目的是为了与客户讨论导航。据我所知,到目前为止还没有定义菜单术语的标准。

专业网站导航菜单风格评析(二)

  Burpee.com 整个页面

  1.商务管理菜单:这个术语指的是站点商务终端,如联系页面、公司信息、购物车、FAQ以及其它帮助页面。这些内容几乎在每个页面上都会出现,是站点设计的一个组成部分。在许多站点中,它们可能会保持很低调,但是一旦访问者寻找,它们就可以用。在有些站点,例如我们后面将看到的Diamonds.com,家务管理项是站点的重要元素,它包含许多菜单项。以高档产品为特色的商务站点必须提供额外的公司信息,以建立起访问者的信任等级。这类站点的家务管理菜单应该是高度可视的。

专业网站导航菜单风格评析(二)

  上面所显示的两个商务管理菜单在Burpee下属站点的每一页顶部都会出现。
  2.目录菜单:这是大多数站点的主要划分方式。站点可能是以产品类型来划分的,如婴儿用品、幼儿用品、青少年用品,或按照兴趣人群划分,如对于一个教育站点来说,按照教师、学生、父母来划分。这种类型的菜单将访问者尽可能快地引导到他们感兴趣的区域,但是这不应该包含太多的选项。我曾经做过6到7个选项,但是最好不超过4个或5个。目录菜单的项目越少,越容易设计出吸引人的版面,同样也越易于访问者使用。如果目录菜单是垂直放置的,我希望整个菜单都折叠起来,或者完全在初始屏幕上。

专业网站导航菜单风格评析(二)

  主菜单,或者叫目录菜单,很大很清楚,用菜单上的图像标记出访问者现在在站点的什么地方。
  3.子目录菜单:如果你不能让访问者点击两下就到达目的地的话,第二级就应该提供它自己的菜单。如果在整个站点中,子目录菜单的外观和放置都完全一致的话是最有效的。通常我将第二级页面作为登录页面来对待。在这里你可以用Teaser菜单来强调产品,或在提供子目录菜单的基础上再提供特殊的子目录信息。

专业网站导航菜单风格评析(二)

 一旦你点击了一个目录,就会出现如上面所示的一个子目录菜单。这个菜单出现在目录菜单的正下方从而跟踪访问者。如果每个子目录都在主目录菜单上列出来,那么列表内容就会很小并且很拥挤。因此设计者创造了一种更有效的方式来保持访问者的注意力。

专业网站导航菜单风格评析(二)

  站点中的每一页都会出现与这个菜单相同的菜单,并且使其适合当前页面-用这种方法来给出对最受欢迎产品的访问路线真是太棒了。按照宽松分类法,这种菜单可以算得上是一个Teaser菜单。对于那些渴望的园丁来说,这些产品都是"普通的知识",名字本身就提供了令人点击的足够诱惑。

  4.内容或内部菜单:一旦你将访问者引导到一个目录,也许是子目录,通常要有更进一步的分类才有意义。这些菜单可以完全与某一部分的图形结合在一起,也可以在页面的顶部简单地用文本菜单来表现。

  在理想状态下的大多数站点中,这种菜单应该是"线段的末端",就是说下一次点击就应该把访问者引导到详细信息部分。这样的组织结构很棒,而且点击一个链接比起在一个长长的页面中使用滚动条来寻找所需要的信息要节省时间。对于信息丰富的站点或者是大型的产品生产线,可能需要另外一级。但是,每当访问者需要点击三次以上才能得到他们所需要的信息时,就需要敲响警钟了。这样不仅会有因为路线太长而失去访问者的危险,而且还会使访问者难以识别他们在站点的什么位置,当他们想访问其它部分时会感到很混乱。

专业网站导航菜单风格评析(二)

  到达最后的目录页,在主内容区中有适合你的菜单,以及一个最后的子目录菜单。这个子目录菜单是由内容动态生成的。虽然我们已经看过了许多级菜单,有了上千种产品,这还是必要的。我喜欢Burpee种子站点的这种方式,它带领访问者直达产品,每一步都提供了新的相关的信息。

  5.Teaser菜单:一个teaser菜单是一小块副本,用来诱惑访问者查看更多的信息。这种菜单经常用来列出文章,让访问者们瞥一眼那些描述性的标题或引言。一个teaser菜单还可以用来描述每个链接指向哪里,通常会位于登录页面的内容区,或者当需要一个额外级别的导航时,在一个内部页面中。

专业网站导航菜单风格评析(二)

  Teaser菜单分布在整个站点中,而且做得很好。这个菜单出现在屏幕的右侧,所用到的窍门很有价值,而且越来越受欢迎。许多设计者现在都在为800象素宽的显示模式(以及更高)而设计,但是他们都是把重要的内容放在屏幕的左边。如果访问者是在640宽度显示上来浏览的话,这个站点的功能不受影响,并且不用滚动屏幕。

  6.文本菜单:大多数设计者在使用家务管理菜单的同时还会包含一个文本菜单,用它列出种类菜单项。这个菜单通常会放置在页面的底部,很小也不引人注目。文本菜单可以帮助那些由于残疾或浏览器的图像被关闭而看不到站点上的图形的人。文本菜单对于所有的访问者都是很方便的,因为它们会在这一页的结尾看到这个菜单。

专业网站导航菜单风格评析(二)

  7.标记菜单:这个术语指的是一个图标或文本,这个图标或文本列出了可用的页面数。大多数搜索类型和返回类型的站点都使用这个菜单,既作为一个页面标记,同时允许返回页面之间的快速导航。我不知道会有多少设计者将这些标记归类为正式的菜单项,但是既然它们能帮助访问者在站点之间移动,我就愿意把这些标记看做是菜单。请看下面的例子:

专业网站导航菜单风格评析(二)

  这个小菜单为访问者提供了一个地图,在需要的时候提供了点击到不同级别的链接。涉及大型生产线的站点应该为它们的访问者提供这类方便。

专业网站导航菜单风格评析(二)

  上面这个标记菜单告诉访问者正在查看的是搜索结果中的哪一页。如果返回的页面数目较大,我喜欢看到对每个页面都有一个引用,用一个可点击的链接来实现(动态生成的)。但是在这种情况下,目录和子目录就会带领访问者进行一个搜索,搜索返回的页面很少,因此可点击的向前和向后的箭头就会非常有效。

  我还想重复一次,以上都是我的术语,对你来说甚至不一定合乎逻辑。但是在头脑中创造一套菜单划分并为它们命名是很重要的,这样你与客户之间的谈话就更智慧了,而且这些不同的菜单类型会渐渐地在你的头脑中变得形象起来。有效的导航是任何站点最重要的部分,有时候就象是在完成一个巨大的迷宫游戏。明确定义的菜单类型有助于引导思考的过程,并在头脑中定义出菜单的区域。对于我来说,它使得一个新项目的最初设计阶段简单多了。另一个小窍门是给菜单分配"任务",就象给每个队员分配工作一样。当开始想"这个菜单应该处理这项工作"的时候,你就已经开始创建一个导航系统了。下面将一步步引导你学习创建一个导航系统的整个过程。
编辑
关于:
负责内容:

相关文章

热点评论文章