面包屑设计
作者:黑白灰 来源:tencent CDC 时间:2009-07-07 11:17:00
What? 什么是面包屑
面包屑是作为辅助和补充的导航方式(secondary navigation scheme),它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是:横向的文字链接,由大于号“>”分开,这个符号也暗示了它们的层级关系。
【 面包屑的分类】
1.基于用户所在的层级位置。(Location-based)
基于位置的面包屑用于告知用户在当前网站中所在的结构层级。用在具有多级导航(通常具有2级以上导航)的网站中。
2.基于产品的属性。(Attribute-based)
这种类型的面包屑常出现在具有大量类别产品和服务的网站中,如电子商务网站,网上教学服务等。
3.基于用户的足迹。(Path-based)
显示用户浏览的轨迹,面包屑之间没有明显的层级关系。
标签:用户体验,设计,面包屑
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
何时将数据装载到Application 或 Session 对象中去?
2009-12-03 20:17:00
PHP date()格式MySQL中插入datetime方法
2024-05-13 09:51:39
php时间不正确的解决方法
2023-11-18 07:33:15
js实现模拟银行卡账号输入显示效果
2024-04-16 09:13:35
![](https://img.aspxhome.com/file/2023/4/136664_0s.png)
[翻译]标记语言和样式手册 Chapter 15 为body指定样式
2008-02-21 12:36:00
![](https://img.aspxhome.com/file/UploadPic/20082/21/200822112504606s.jpg)
基于idea操作hbase数据库并映射到hive表
2024-01-19 23:22:57
![](https://img.aspxhome.com/file/2023/7/110867_0s.png)
基于 Mysql 实现一个简易版搜索引擎
2024-01-25 02:00:38
![](https://img.aspxhome.com/file/2023/4/126264_0s.jpg)
一文详解kubernetes 中资源分配的那些事
2024-05-22 17:47:57
![](https://img.aspxhome.com/file/2023/0/125090_0s.jpg)
Python中sorted()用法案例代码
2022-01-20 04:08:00
大家都对vertical-align的各说各话
2008-06-19 12:11:00
![](https://img.aspxhome.com/file/UploadPic/20086/19/2008619121517533s.gif)
JavaScript的事件机制详解
2024-05-03 15:58:45
![](https://img.aspxhome.com/file/2023/3/129083_0s.jpg)
python的绘图工具matplotlib使用实例
2023-10-09 13:23:28
![](https://img.aspxhome.com/file/2023/6/62896_0s.png)
PHP count()函数讲解
2023-06-04 11:46:41
![](https://img.aspxhome.com/file/2023/4/55404_0s.png)
JS中把函数作为另一函数的参数传递方法(总结)
2024-05-05 09:14:39
浅谈MySQL8.0 异步复制的三种方式
2024-01-29 00:26:46
![](https://img.aspxhome.com/file/2023/0/106560_0s.png)
从MySQL导大量数据的程序实现方法
2009-03-06 14:34:00
Python redis模块的使用教程指南
2021-03-22 12:08:02
linux下讲解MySQL安装与登录方法
2024-01-14 21:30:01
Golang中slice删除元素的性能对比
2024-05-05 09:33:03
python实现猜数字游戏
2022-12-23 17:30:06
![](https://img.aspxhome.com/file/2023/3/101253_0s.jpg)