本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
Breadcrumb 的作用:
- 让用户了解当前所处页面的位置,并且能够向上导航
- 让用户快速跳转到当前页面之前的层级路由上(即快捷导航)
学习截图参考
优点
- 功能结构清晰明了
- sidebar 的第一个是展示组织或者团队的地方,因为一个人可能有多个团队或者组织以及需要对当前的 organization 进行设计,所以这里提供一个 dropdown 供用户自行选择(dropdown 的目的就是节约空间,而能在点击 dropdown 的时候展示更多的内容给用户)
- organization dropdown 提供了更多相关的操作!
- 在切换 workspaces 的时候可能会有很多的 organization,因此提供了 search 的功能,能够在很多 spaces 的情况下快速命中某些 space
- 主体内容顶部有面包屑,目的是清晰的展示当前的页面位置,也方便用户快速导航到某些层级页面
- sidebar 可折叠,折叠的目的是为了用户可选择更多的空间留给内容区,人性化的设计
自我感悟
- sidebar 一般需要考虑到是否可折叠,一般设计为折叠设计,以便供用户选择
- 面包屑的作用是展示当前的页面所处位置,方便用户进行快速导航
- 当内容太多的时候可以将相应的内容放到 dropdown 中进行归纳,节约空间!