新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > SEO优化 > 站内SEO > 解释网站导航选项的3种方法技巧

解释网站导航选项的3种方法技巧

时间:2014-04-14   文章来源:马海祥博客   访问次数:

一个优质的网站只需要给用户展示他们需要的信息就好,任何更多的信息都有使用户疲劳、混乱界面和延迟导航的风险,甚至会让他们放弃现在的选择。所以,不要给他们太多的信息,如果用户会猜测链接指向,然后对链接到的页面很失望,他们会对界面失去信心,接着就会离开网站。

根据用户喜好来构建导航选项是简化网站信息架构的重要一步,但是如果用户在第一时间不能理解选项,再精致复杂的结构都是无用的。所以,考虑如何最好地有效地解释导航选项,是一个设计师首先要做的事情,在此,我就借助马海祥博客的平台跟大家分享3种方法来解释网站导航选项:

解释网站导航选项的3种方法技巧-马海祥博客

1、标签

首先我们就要先评估目标受众群体最熟悉的标签,对于不同的标签我们也要使用不同的方法来对待:

(1)、常见的项目标签

如果使用的标签是为人熟知的项目标签,如:“SEO”,“网络营销”,“电子商务”……,那就必要去解释什么了,直接添加设置就好了。

(2)、使用短标签

标签可以简短,但是不能是以表意不清为代价。像UX和BMI的缩写和术语,只要是目标用户熟悉就能较好得起作用。有时候单个术语是容易理解的,但是放在上下文中,可能就会模糊不清。

(3)、重复标签

许多大型组织的网站都有固定的指向主要工作的水平导航,和指向次要工作的与上下文相关的垂直导航。这可能会导致重复标签。如巴斯大学的网站(下图),在顶部的全局水平菜单和左侧狭窄的垂直菜单上都有标签“Research”。

解释网站导航选项的3种方法技巧-马海祥博客

虽然这可能会迷惑用户,但仔细的设计可以避免歧义。在上面的截图中,菜单标题“探索部门”是一个很好的指示,但在这之下的“Research”标签指向的是部门,而不是整个大学。绝对肯定的是,可以加长“About Us”的标签,改为“About This Department”。

(4)、类别标签

在一些菜单中,一个类别的条目数量用标签显示。如下图所示:

解释网站导航选项的3种方法技巧-马海祥博客

(5)、过滤选择标签

这些数字通常在动态过滤选择面板中显示。如下图所示:

解释网站导航选项的3种方法技巧-马海祥博客

在许多有动态过滤选择的界面上,类别中的项目数量通常用一个值来显示。

虽然许多用户喜欢看这些数字,但设计师还是要仔细考虑何时去显示它们。比如,通过查看主页来猜测一个网站有多少内容是困难的。所以,明确显示有多少内容可以赢得用户,他们可能会想“对的,这个网站有我要的东西。”

主页上量化的内容让用户更容易操作。

在此,马海祥要提醒大家一点,那就是如果你的网站还没有内容,最好不要去透露这样一个数字。

同样的,当用户浏览某一类别并对其一特定主题感兴趣,他们会想要探索相关的类别,即使不相关的类别包含更多条目而这个类别只有很少的东西。当然,显示的数字会拖慢浏览器加载速度,扰乱界面。

这种情况同样适用于动态过滤选择面板。用户会根据所包含的条目数量来选择类别吗?如果是这样,这些显示的条目数量就是有意义的。如果不是这样,你应该提供的唯一的一种反馈类型是显示灰色或删除零值的项。

另外,在动态过滤选择的情况下,显示条目数量是有用的信息。一旦用户选择了一个类别,显示这个类别的数量。

(6)、图标标签

图标是另一种有时会附加到标签上的元素。当图标制作精良和易于识别时,它们将是非常有用的补充。当没有必要去解释用户的选项时,图标能更容易区分不同的选项。

在下面的截屏中,我将图标从菜单条目中删除,注意到标签还是足以解释每个选项,每个人都知道什么是“汽车”,“房车”,“摩托车”和“卡车”。

解释网站导航选项的3种方法技巧-马海祥博客

如果我们将图标放在标签旁边能让用户更容易得理解和区别不同的选项。如下图所示:

解释网站导航选项的3种方法技巧-马海祥博客

但是,单独的图标就会引起混乱。即使这个图标是为人熟知的,用户可能会不确定它在一个特定上下文中代表的意思。

2、标签和图片

标签和图标在为人熟知的事物上起到很大作用。但是对于不常见的事物,图像就是必须的,如:品牌名称。在以下截屏中,汽车模型的名称在标签中是纯文本格式的文字。

解释网站导航选项的3种方法技巧-马海祥博客

但是,对于以上的分类标签,假如我们不知道什么是“Tribeca”或“Legacy”。标签还不足以帮助我来决定去探索哪些产品。像下图所示,标签和图片是一个更好得解决方式。

解释网站导航选项的3种方法技巧-马海祥博客

所以,马海祥觉得标签和图片是解释不熟悉术语的一种好方式。

什么时候在导航里使用图像或是图标是一个有意思的问题。显而易见的,解释一个非常具体的项目,像“13-inch Macbook Pro”或是“Samsung Galaxy Note 3”,没有什么比实际产品图片更好的了。解释一个产品类别并不简单。在一些菜单中,这些分类在进行解释时会使用图标。

解释网站导航选项的3种方法技巧-马海祥博客

在其他菜单里,这些相同的分类使用实际产品的照片来解释这个类别。比如在一些菜单中,使用实际产品的图像来解释这个类别。

解释网站导航选项的3种方法技巧-马海祥博客

对于产品类别来说,图标比图片更加适合。使用制作精良的图标使菜单看上去显得更加专业。并且,使用一个产品来代表这个产品类别可能会下意识地提升用户的疑问。“为什么这个特殊的产品代表了这个类别呢?”“这个产品是他们最好的吗?”“产品的范围是以这个特定的项目为中心的嘛?”“如果我不是找这种物品,这对我来说就不是一个好网站。”如果用户第一眼看到的商品类别和他们在菜单中看到的一样时,这种忧虑可能会加强。相反,图标能不多不少地简单表述一个类别中包含某类产品。

不过,图标的技巧必须达到某种标准。如果图标没有画好,看起来就会很不专业。并且,如果它不容易辨认,它甚至会混淆用户。所以,图标更适合产品类别,但是如果你没有信心将图标做得专业和容易辨认,你最好使用图片。如果你又想做的利于搜索引擎抓取,利于网站优化的话,可以参照马海祥博客的《网站导航的优化方法和设置技巧》相关介绍来设置。

3、标签、图片和描述

有时候,标签和图标还不足以解释产品。许多服务提供商都有复杂的解决方式,像银行、保险服务公司和因特网服务提供商,经常给他们的产品命名为“50+”和“活跃网站”。对于此类产品,几行的描述和标签,再加上图片会对用户很有帮助。

对于一些复杂产品也许需要标签、图片和描述才能理解。

解释网站导航选项的3种方法技巧-马海祥博客

标题和文章题目是不同的标签,标题可能需要附带图片和描述,而文章题目可能不需要。

许多作者建议前置标题要有重要信息,并且保持标题尽可能的短。

其中一种最常见的建议是保持短标题,并且将重要信息前置。虽然这样的标题简短而有重点,但是这种风格并不适合每一个网站。

描述语句应该传达的是头条标题还没有表述的信息。

如果头条标题里面就都是关键信息了,那么描述语句就不再需要。因为用户在阅读完标题后就可以点击链接到文章了,再阅读多余没有新意的描述语句只为放缓阅读速度。

但是,单独显示头条标题或是用这种方式写标题通常不太好或甚至是不明智的。如果一篇文章只是简单地报道一个事件,那么像BBC这样的标题是一个好选择。但是如果文章有更多的细节,那么标题、图片和描述将会更有效、更迷人。

下面截图中的标题比内容更吸引人,关键信息被分在下面两行。同时,旁边的图片为文章定下了基调。

解释网站导航选项的3种方法技巧-马海祥博客

如上图所示,从小片段中了解这篇文章是讲什么的并不困难。使用标题作为焦点,使用描述来解释文章,并用图片来为文章定调,整个片段给了不仅能吸引用户,也传达了文章的观点。

所以,马海祥觉得标题、图片和描述的混合使用通常是深入解释新闻的最好方法。

马海祥博客点评:

对于网站导航除了在实用和方便加强理解力度之外,我觉得还应该顺应潮流,添加新的功能和应用,将实用和娱乐两结合,比如添加最新要闻,各类选题等等。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/znseo/507.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 网站导航 解释网站导航 网站导航选项 导航选项

上一篇:如何做好网站内链SEO优化
下一篇:解读网站内容更新的7种内容策略

今日话题更多>

SEO研究院 更多 >>