0岁的产品经理产品经理

任何一个网站的导航设计都必须同时完成的三个目标

2018-12-05  本文已影响2人  大话洋葱

今天为大家更新《用户体验要素》的第六章——框架层,界面设计、导航设计和信息设计——导航设计

本小结关键词:导航设计

主要观点:任何一个网站的导航设计都必须同时完成的三个目标


导航设计

网站的导航设计看上去像是一件很简单的工作:在每个页面上放一些允许用户浏览整个网站的链接。但如果你去掉界面,导航设计的复杂性就会变得显而易见。任何一个网站的导航设计都必须同时完成以下三个目标:

\bullet  首先,它必须提供给用户一种在网站间跳转的方法。由于一般来讲把每个页面和别的都链接起来是不现实的(即使是现实的,它也不是一个好方法),导航元素就必须选择那些能促进用户行为的——也就是说,这些链接必须也是真实有效的。

\bullet  其次,导航设计必须传达出这些元素和它们所包含内容之间的关系。仅仅提供一个链接的列表是不够的。这些链接相互之间有什么关系?是否其中一些比别的更重要?它们之间相关的差异在哪?这些传达出来的信息对于用户理解“哪些选择对他们是有效的”是非常必要的。 

\bullet  第三,导航设计必须传达出它的内容和用户当前浏览页面之间的关系。其他的那些内容对于我正在浏览的这个页面有什么影响?这些传达出来的信息帮助用户去理解“哪个有效的选择会最好地支持他们的任务或他们想要达到的目标”。

即使对于那些不是信息导向(甚至根本就不是网站)的产品来讲, 这三个目标也必须要纳入考虑范围。你需要用导航来帮助用户找到他们周围的出路,除非你所有的功能都集中在一个界面上。在物理空间中, 人们可以在某种程度上依靠天生的方向感来给自己定位。但是这些帮助我们在真实世界中找到方向的大脑机制,在信息空间中根本起不到作用。

这就是为什么在网站中,清晰地告诉用户“他们在哪儿”以及“他们能去哪儿”非常重要的原因。用户在信息空间中对自身的定位是什么样 的,目前还存在很大的争议:一些人很坚定地认为,当用户访问网站的 时候,用户的脑子里已经有了一张大概的地图,就像他们在五金商店和图书馆一样;反对方则认为,用户完全依赖于导航以及在他们面前的一 些指示线索,好像他们在网站中走过的每一步,都会在走过以后不久逐渐地从记忆中消退一样。

我们很难知道人们是怎样在脑海中记忆(或能记住多少)网站结构 的。在我们弄清这件事以前,最好的方法就是假设用户不会将上一页的信息带到下一页中(毕竟,如果一个类似google一样的公众搜索引擎收藏了你的网站,任何一个页面都可能成为你的网站的入口)。

大多数的网站实际上都会提供一个多重的导航系统(navigation system),每一个都要完成在各种情形中成功引导用户的任务。在实践过程中涌现出了几种常见的导航系统。

全局导航(global navigation)

提供了覆盖整个网站的通路。这里使 用“全局(global)”这个名词并不是暗示着这个导航会出现网站的每一 个页面中——即使这不算是一个坏主意(我们使用“固定”一词来表示贯穿整个网站的导航;再次提醒的是,固定的元素不一定就是全局的),相反地,全局导航提供的是用户最有可能需要从网站的最终页面到其他什么地方的一组关键点。全局导航的一个经典应用,就是在导航栏放上能到网站所有主要栏目的链接。不管你想去哪儿,你都能从全局导航中 (最终)到达那儿。

局部导航(local navigation)

提供给用户在这个架构中到“附近地点”的通路。在一个严格的层次结构中,局部导航可能只提供一个页面的父级、兄弟级和子级通路。如果你的架构反映了用户对这个网站的内容结构的思路,那么局部导航通常都会比其他导航系统更有用。

辅助导航(supplementary navigation)

提供了全局导航或局部导航不能快速达到的相关内容的快捷途径。这种类型的导航提供了一些分类方面的好处(允许用户转移他们的浏览时的方向,而不需要从头开 始),同时仍然能让网站保持一个主要的层级结构。

上下文导航(contextual navigation,有时也叫“内联导航”)

是嵌入页面自身内容的一种导航。这种类型的导航(比如,一个在页面文字中的超级链接)常常没有得到充分利用或应用不当。其实用户需要额外信息的时候,恰恰是在他们读文本的时候。与其强迫你的用户去扫描右侧的导航元素(或者更糟的是,让他们不得不求助于搜索引擎)还不如放 一些相关的链接在他正在读的地方。

所有这些方法都要回到战略层去看一看,对你的用户和他们的需求理解得越准确,你的上下文导航就能设计得越高效。如果它们不能明确地支持用户的任务和目标(如果你的文字中塞满了超级链接,那么用户 就会不知道哪个是他们需要的)那么上下文导航将被看成 一团乱麻。

友好导航(courtesy navigation)

提供给用户他们通常不会需要的链接,但它们是作为一种便利的途径来使用的。在物理世界,一个零食商店常常把它的营业时间摆放在入口处。对于大多数时候的大部分购物者来说,这种信息并不总是有用的:任何人都可以很快地告诉他这个商店是否正在营业中。但是你需要知道的是,这种信息在他们确实需要的时候就能快速有效地帮助到他们。联系信息、反馈表单和法律声明的链接通常都放置在友好导航中。

一些导航并没有包含在页面结构中,而是以它们自己的方式存在, 独立于你的网站的内容或功能。这些称为远程导航(remote navigation)的工具,在用户被你所提供的其他导航系统搞得头晕脑涨,或在看过你的导航系统,他们很快决定放弃,想都没有想过要弄明白它们的时候,大部分人都会想从远程导航中找到解决办法。

网站地图(site map)就是一种常见的远程导航工具,它给用户一个简明的、单页的网站整体结构的快捷浏览方式。网站地图通常作为网站的一个分级概要出现,提供所有一级导航的链接,并与缩进显示的、 主要的二级导航链接起来。网站地图通常不会显示超过两个层级的导航 ——这之后更详细的内容往往超出了用户的需求(如果不是的话,那就是你高层次的结构定义错了)。

索引表(index)是按字母顺序排列的、链接到相关页面的列表, 它与一些书最后所列的索引表非常相像。这种类型的工具对于涵盖了不同主题的、大量内容的网站非常有效。在大多数情况下,一个网站地图和一个规划良好的结构应该足够了。索引表有时会为网站的某个部分特别开发,而不是要去覆盖整个网站的内容;如果你的网站试图相对独立地服务于拥有不同信息需求的不同用户,这个方法会非常有用。

上一篇下一篇

猜你喜欢

热点阅读