用面包屑来简化多层的tabs（2）
发布时间：2011-06-16 20:32:54
标签：Tabs导航,面包屑
实际上，时时刻刻展示出所有层级的tabs并不必要，是有浪费的，浪费了用户的注意力。
上图的例子中，当我点开第三层tabs中的“歌手”后，我的诉求更多的是看“歌手”下更多的分类，以便我找到某位特定的歌手，这个时候并不会太关注“背景音乐”“我的收藏”“留言板”“相册”…这些tabs项此时成了干扰信息。
仍旧显示出一二三层tabs的价值主要在于告诉用户，当前的“歌手”栏目是在“音乐盒”-》“正版音乐库”下的。那么，对于上面那些层tabs，可以只保留有价值的信息—表明当前所在栏目，而不显示与之同级的其他栏目。
去掉一、二、 * tabs中可供访问的tabs后的样子：
再整理一下…
是的，这就成了面包屑导航导航。
面包屑导航是另外一种反应网站信息结构的形式。因为省略掉了与当前栏目同级的其他栏目，所以面包屑导航的信息量小。
将上面演绎的过程总结一下：面包屑导航可以简化多层tabs导航中那些不太重要的层级。
要省略哪层呢？
就象上面说的那样，把当前页面以上以及同级的tabs都简化掉？显然不是，设计如果是这么简单的，那就不要设计师了。
我们来看看yahoo：
进入Autos栏目中，只展示Autos下的tabs，而不再展示与Autos同级的其他栏目。
0
投稿猜你喜欢
- 先了解什么是deferGo语言中的defer与return执行的先后顺序Go语言的 defer 语句会将其后面跟随的语句进行延迟处理，在 d
本文实例讲述了JS学习笔记之数组去重实现方法。分享给大家供大家参考，具体如下：操作的数组 let arr=[0,1,23,'1- 前言Django 和 DRF(django rest framawork) 的结合在 python 后台中经常出现的组合。对于异常的全局处理
- 这是一个通过js实现的支付后的页面，点击支付会跳出一个弹窗，提示你是否要确定支付，确定后进入付后界面，该页面有着10秒倒计时，计时结束后便会
- asp+access用户登录代码,loginnew.asp网面包含了登录框及验证用户的代码an.mdb数据库名fd表名y_username用
- 1 logging模块简介logging模块是Python内置的标准模块，主要用于输出运行日志，可以设置输出日志的等级、日志保存路径、日志文
- 一般说到组件，我首先想到的是弹窗，其他就大脑空白了。因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有
- 1 np.arange(),类似于range，通过指定开始值，终值和步长来创建表示等差数列的一维数组，注意该函数和range一样结果不包含终
- 大家好，今天才发现很多学习Flask的小伙伴都有这么一个问题，清理缓存好麻烦啊，今天就教大家怎么解决。大家在使用Flask静态文件的时候，每
- html<ul class="header-list"> <li v-cl
- 本文实例讲述了python中threading超线程用法。分享给大家供大家参考。具体分析如下：threading基于Java的线程模型设计。
- 如下所示：try:a=1except Exception as e: print (e)import tracebackimport sys
- 问题描述：从网上下了5.7 的MySQL，在bin目录下执行 start mysqld ，弹出个cmd窗口一闪就没了，也看不清是什么报错。m
- 前言最近在新的环境配置pycharm的项目时候，发现pycharm不能连接到mysql数据库。由于安了java环境但是还没配置相关的库，并且
- 设置字段可选在摆弄了一会之后，你或许会发现管理工具有个限制：编辑表单需要你填写每一个字段，然而在有些情况下，你想要某些字段是可选的。 举个例
- 前言:学习JavaScript的童鞋都知道,我们在发送网络请求,也就是我们在地址栏输入一个网址,就会自动跳转到当前网址,比如在浏览器网址输入
- location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.hre
- 什么是Python元类？Python元类是与Python的面向对象编程概念相关的高级功能之一。它确定类的行为，并进一步帮助其修改。用Pyth
- 一、目的之前在博文SQL Server数据库最小宕机迁移方案中提到了使用了完全备份+差异备份的功能完成了数据库的转移，但是这个方法在遇到了7
- DQLDQL：data Query language 数据查询语言格式：select[distinct] 字段1,字段2 from 表名 w
