关于面包屑完成导航需求的方式

  面包屑完成导航需求的方式为:

  1、通过最后一个节点标签告知用户当前位置;2、面包屑整体从左到右告诉用户来到当前位置的固定路径;3、除了当前页面的节点标签,其它节点标签均可点击,可以让用户回到上一级页面(可以回到最初起点的作用)通过这三点任何用户都不会在网站中迷失方向。

关于面包屑完成导航需求的方式

图3: apple网站itunes新功能介绍的页面

  然后我们再对照这个面包屑所在的页面(图3)从上往下的各种导航方式的元素进行分析,看页面除面包屑之外是如何自我完成导航需求的:

  1、首先导航菜单栏上的logo 关于面包屑完成导航需求的方式告诉用户在apple的网站上,导航上的菜单分类告诉用户这个网站一共有多少个维度,菜单上被选中的Itunes关于面包屑完成导航需求的方式 ,告诉用户当前处于itunes的菜单维度下。

  2、接着是itunes的页面导航栏,大大的标题itunes关于面包屑完成导航需求的方式 告诉用户下面的内容都是讲itunes,右边的itunes的页面菜单导航告诉用户itunes页面的内容分类,其中不一样状态的what's new关于面包屑完成导航需求的方式 告诉用户目前选中的是这个类容,下文内容是在这个分类下的。

  3、最后是这个页面的标题What's new in iTunes关于面包屑完成导航需求的方式 ,表示当前页面的内容是按照这个标题全面铺开内容。

  上述导航元素也清楚地告知了我们1、用户当前位置(当前页面标题);2、来到当前页面的固定路径(从上往下的导航路径布局和元素);3、如何返回上一级页面(每个导航菜单均可点击,除了当前页面标题)。其中涉及到3级导航:apple网站主导航、itunes类别导航和what's new 内容导航,每一级导航都有导航菜单和被选中的状态。将每一级导航的起始点用箭头链接起来,如图3所示关于面包屑完成导航需求的方式关于面包屑完成导航需求的方式关于面包屑完成导航需求的方式,形成了一个和实际存在的面包屑关于面包屑完成导航需求的方式一模一样的页面路径。告知用户是如何来到这个页面的。

  从上述页面中的面包屑样式分析和页面自己的内容分析,可以看出整个页面里所有的导航方式所要传达描述的信息是一致的,那么我们可以归纳出页面导航原则:1、告知用户当前位置;2、告知用户来到当前页面的固定路径;3、可以让用户返回上一级页面。

  不符合页面导航原则的设计:

  

关于面包屑完成导航需求的方式

  Meilishuo的一个杂志内容页面,没有实际存在的面包屑,那么我们寻找其它导航方式,如上图网站logo、导航栏、页面标题等,如箭头所指,我们会发现页面路径少了一段。我们不知道从首页去了什么分类,然后来到"所在杂志"。这样用户想找杂志所在的上一分类就找不到了,回不到上一级。这个页面的导航原则就没有满足,用户在此处就会迷失。它主要少了主导航条没有选中当前所在内容分类,从而让路径断了一节。