网站主导航栏设计的5个准则

发布时间:2017-08-11 发布者:新锐传媒 查阅 [385] 评论 [0]

许多大型企业与站点,由于资讯量庞大,因此通常将某些业务与分支划归到一整个子域名下。例如百度百科与百度的关系:百度百科的域名为baike.baidu.com,而百度的域名为www.baidu.com。在这些2级域名的专题下,通常拥有着它们自己的导航,并且这些导航通常也带有“首页”的链接。在其他位置上,通常含有不同子站点以及主站的链接的网站主导航,因为通常在所有的子站点上都有这一类导航,我们将这些网站主导航称之为“通用导航”。

百度百科子站点导航与通用导航

然而这些首页链接向的通常是子站点自己的首页,而不是主站的首页。作为网站所有者与常使用的用户,对这些链接通常比较熟悉。然而,对于新用户,他们经常会在子站点碰到如下问题:

1.初次到来的用户通常不知道自己是在主站还是子站点上。在子站点上,他们点击首页时返回的通常是子站点的首页。这就造成了一个问题:假如用户是通过主站来到的子站点,他们点击首页时的期望或许是返回主站。当网站反馈结果与用户期望不同时,他们就会感到困扰。

2.回到主站的链接为了设计需要,通常没有一种清晰明了的方式。用户会点击各处的链接,希望能把他们带回到主站去,当经过一定次数的失败尝试后,他们通常会离开网站。

3.设计不当的通用导航会对用户造成干扰,让他们不清楚究竟哪一个导航条目是适合他们的。

因此,通用导航的设计也是需要一定的准则的,以下是新锐提供的5个通用导航设计准则:

1.若网站含有多个子站点,确保每个子站点上都有通用导航

用户需要一种简单的方法返回主站点或者其他子站点的快捷路径。

2.重点还是子站点自身的导航,不要本末倒置将重点放在通用导航上。

通用导航不应该与子站点的内部导航产生冲突与竞争,重点应当还是放在子站点的导航上。大多数访问子站的用户感兴趣的还是子站的内容而不是其他栏目。

迪士尼冰上主题子站点

迪士尼的冰上主题子站,其导航采用了强烈对比色红色,非常容易引起用户注意。顶部的通用导航在视觉上存在感不高,不会对用户在观察子导航时产生干扰。

错误的通用导航设计

这个设计就属于反面教材了。首先,在色彩上:浅灰色的子导航设计对于用户的视线没什么吸引力,相反,顶部的通用导航的黑色反而更可能引起用户注意。其次,子导航与通用导航在大小上没有形成足够的差异,子导航没有任何可以抓住用户注意的优势。

3.确保子导航与通用导航之间有层次感

假如用户能同时注意到两个导航,他们也能通过层次感来分辨哪个导航是主要的内部导航,哪个是通用导航。

通用导航与次导航的层次感

借用色彩,大小等等差异,来形成不同导航间的层次感。

4.通用导航的主页链接描述语,可以使用域名的形式,并且将其放置于logo附近。

ESPN的通用导航

ESPN的在线观看子站点,其logo上方使用了ESPN.COM的域名,从位置上符合用户寻找主页链接的习惯,使用域名可以让用户明白这个链接可以将他们带回主站。

5.在移动端的导航设计上,减轻访问主站的链接的存在感

在移动端的网页上,因为空间非常紧张,因此导航栏不会存在多个。这时,应当减轻返回主站的链接的存在感。可以通过这几个方式:将链接放在导航的末尾,灰色处理,或将链接文字变小等等。

迪士尼的关于迪士尼乐园的子站点手机版,在导航的设计中,将访问迪士尼主站的链接放在了最末,并且字体颜色上采用了灰色,成功的降低了其在视觉上的权重。(然而,灰色处理的文字通常还有另一层含义—不可用。以及尤其在光源充足的环境下,灰色文字的可读性不好。因此该设计还有改进的空间。)

总结

通用导航的使用频率通常不高,但对于拥有子站点的网站来说,也是一个必备的功能。在设计通用导航时确保遵守以下原则:通用导航不应当吸引用户的视线与点击,但是当用户确实需要它时,可以轻松的被用户发现并可用。

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图