主页 > SEO核心优化 >

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

一个优质的网站只要要给用户展现他们须要的信息就好,任何更多的信息都有应用户疲劳、凌乱界面跟 延迟导航的危险,甚至会让他们废弃当初的抉择。所以,不要给他们太多的信息,假如用户会猜想链接指向,而后对链接到的页面很扫兴,他们会对界面失去信念,接着就会分开网站。

依据用户爱好来构建导航选项是简化网站信息架构的主要一步,然而假如用户在第一时间不能理解选项,再精巧庞杂的构造都是无用的。所以,斟酌如何最好地有效地说明导航选项,是一个设计师首先要做的事件,在此,我就借助王政基博客的平台跟大家分享3种方式来说明网站导航选项:

 

1、标签

首先咱们就要先评估目的受众群体最熟习的标签,对不同的标签咱们也要应用不同的方式来看待:

(1)、常见的名目标签

假如应用的标签是为人熟知的名目标签,如:“SEO”,“网络营销”,“电子商务”……,那就必要去说明什么了,直接增加设置就好了。

(2)、应用短标签

标签能够简短,然而不能是以表意不清为代价。像UX跟 BMI的缩写跟 术语,只有是目的用户熟习就能较好得起作用。有时候单个术语是轻易理解的,然而放在高低文中,可能就会含混不清。

(3)、反复标签

很多大型组织的网站都有固定的指向重要工作的程度导航,跟 指向次要工作的与高低文相干的垂直导航。这可能会导致反复标签。如巴斯大学的网站(下图),在顶部的全局程度菜单跟 左侧狭小的垂直菜单上都有标签“Research”。

 

固然这可能会困惑用户,但细心的设计能够防止歧义。在上面的截图中,菜单题目“摸索部分”是一个很好的唆使,但在这之下的“Research”标签指向的是部分,而不是全部大学。相对确定的是,能够加长“About Us”的标签,改为“About This Department”。

(4)、种别标签

在一些菜单中,一个种别的条目数目用标签显示。
(5)、过滤抉择标签

这些数字通常在动态过滤抉择面板中显示。

 

在很多有动态过滤抉择的界面上,种别中的名目数目通常用一个值来显示。

固然很多用户爱好看这些数字,但设计师仍是要细心斟酌何时去显示它们。比方,通过查看主页来猜想一个网站有多少内容是艰苦的。所以,明白显示有多少内容能够博得用户,他们可能会想“对的,这个网站有我要的货色。”

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

在此,王政基要提示大家一点,那就是假如你的网站还不内容,最好不要去流露这样一个数字。

同样的,当用户阅读某一种别并对其一特定主题感兴致,他们会想要摸索相干的种别,即便不相干的种别包括更多条目而这个种别只有很少的货色。当然,显示的数字会拖慢阅读器加载速度,捣乱界面。

这种情况同样实用于动态过滤抉择面板。用户会依据所包括的条目数目来抉择种别吗?假如是这样,这些显示的条目数目就是有意思的。假如不是这样,你应当供给的独一的一种反馈类型是显示灰色或删除零值的项。

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

(6)、图标标签

图标是另一种有时会附加到标签上的元素。当图标制造优良跟 易于辨认时,它们将长短常有用的弥补。当不必要去说明用户的选项时,图标能更轻易辨别不同的选项。

在下面的截屏中,我将图标从菜单条目中删除,留神到标签仍是足以说明每个选项,每个人都晓得什么是“汽车”,“房车”,“摩托车”跟 “卡车”。

 

假如咱们将图标放在标签旁边能让用户更轻易得理解跟 差别不同的选项。

 

然而,独自的图标就会引起凌乱。即便这个图标是为人熟知的,用户可能会不断定它在一个特定高低文中代表的意思。

2、标签跟 图片

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

 

然而,对以上的分类标签,如果咱们不晓得什么是“Tribeca”或“Legacy”。标签还不足以辅助我来决议去摸索哪些产品。像下图所示,标签跟 图片是一个更好得解决方法。

 

所以,王政基感到标签跟 图片是说明不熟习术语的一种好方法。

什么时候在导航里应用图像或是图标是一个有意思的问题。不言而喻的,说明一个十分详细的名目,像“13-inch Macbook Pro”或是“Samsung Galaxy Note 3”,不什么比实际产品图片更好的了。说明一个产品种别并不简略。在一些菜单中,这些分类在进行说明时会应用图标。

 

在其余菜单里,这些雷同的分类应用实际产品的照片来说明这个种别。比方在一些菜单中,应用实际产品的图像来说明这个种别。

 

对产品种别来说,图标比图片更加合适。应用制造优良的图标使菜单看上去显得更加专业。并且,应用一个产品来代表这个产品种别可能会下意识地晋升用户的疑难。“为什么这个特别的产品代表了这个种别呢?”“这个产品是他们最好的吗?”“产品的范畴是以这个特定的名目为核心的嘛?”“假如我不是找这种物品,这对我来说就不是一个好网站。”假如用户第一眼看到的商品种别跟 他们在菜单中看到的一样时,这种忧愁可能会增强。相反,图标能未几不少地简略表述一个种别中包括某类产品。

不外,图标的技能必需到达某种尺度。假如图标不画好,看起来就会很不专业。并且,假如它不轻易识别,它甚至会混杂用户。所以,图标更合适产品种别,然而假如你不信念将图标做得专业跟 轻易识别,你最好应用图片。假如你又想做的利于搜寻引擎抓取,利于网站优化的话,能够参照王政基博客的《网站导航的优化方式跟 设置技能》相干介绍来设置。

3、标签、图片跟 描写

有时候,标签跟 图标还不足以说明产品。很多服务供给商都有庞杂的解决方法,像银行、保险服务公司跟 因特网服务供给商,常常给他们的产品命名为“50+”跟 “活泼网站”。对此类产品,多少行的描写跟 标签,再加上图片会对用户很有辅助。

对一些庞杂产品兴许须要标签、图片跟 描写才能理解。

 

题目跟 文章标题是不同的标签,题目可能须要附带图片跟 描写,而文章标题可能不须要。

很多作者倡议前置题目要有主要信息,并且坚持题目尽可能的短。

其中一种最常见的倡议是坚持短题目,并且将主要信息前置。固然这样的题目简短而有重点,然而这种作风并不合适每一个网站。

描写语句应当转达的是头条题目还不表述的信息。

假如头条题目里面就都是关键信息了,那么描写语句就不再须要。由于用户在浏览完题目后就能够点击链接到文章了,再浏览过剩不新意的描写语句只为放缓浏览速度。

然而,独自显示头条题目或是用这种方法写题目通常不太好或甚至是不理智的。假如一篇文章只是简略地报道一个事件,那么像BBC这样的题目是一个好抉择。然而假如文章有更多的细节,那么题目、图片跟 描写将会更有效、更迷人。

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

 

如上图所示,从小片断中了解这篇文章是讲什么的并不艰苦。应用题目作为焦点,应用描写来说明文章,并用图片来为文章定调,全部片断给了不仅能吸援用户,也转达了文章的观点。

所以,王政基感到题目、图片跟 描写的混杂应用通常是深刻说明消息的最好方式。