借助设计B端产品导航的机会,我对导航进行了一次彻底的分析( 五 )


解决方案2:可以增加搜索栏 , 对菜单进行快速查找 。
借助设计B端产品导航的机会,我对导航进行了一次彻底的分析
文章图片
4.6最后落地通过上述的分析与整理 , 便得出能满足我们现有功能的导航栏 。
借助设计B端产品导航的机会,我对导航进行了一次彻底的分析
文章图片
注意踩坑:如果一种导航模式用起来不够好用 , 是否需要在重构时切换到另外一种模式呢?根据Jira的用户测试 , 95%的老用户对于这种情况会感到非常迷惑 , 即使是再小的导航功能修改都可能直接影响到大量用户的日常使用 , 因此不管哪种导航模式 , 一旦选定 , 尽量不要改变 , 所以在选择使用何种导航时 , 一定要结合产品的特性来谨慎选择 。
Jira的用户测试:https://link.uisdc.com/?redirect=https://community.atlassian.com/t5/Jira-articles/A-better-navigation-for-Jira-Cloud-is-coming-soon-available-now/ba-p/1216077
五、逆向导航横向导航和前进导航分别指引用户操作的水平渐进和层级渐进 , 逆向导航则负责对反向轨迹进行定义和实施 , 三者结合 , 实现对页面的全局操控 。
PC产品 , 通过页面常驻的导航栏+面包屑+浏览器的返回键 , 用户可以很轻易地返回或者向上跳转 。 相较之下 , 移动端的逆向导航需要进行更多的设计 。 后面的讨论以移动端为例 。
逆向导航的概念官方定义出自MaterialDesign:从用户行为维度 , 分成三类:Lateralnavigation(横向导航)、Forwardnavigation(前进导航)以及Reversenavigation(逆向导航)
借助设计B端产品导航的机会,我对导航进行了一次彻底的分析
文章图片
5.1什么时候需要逆向导航?借助设计B端产品导航的机会,我对导航进行了一次彻底的分析
文章图片
5.2反向导航的设计要点1.逻辑:操作闭环
不管是由用户还是系统触发 , 都必须保留回退的通路 。 使用过程中不能给用户留下死胡同、断头路 。
2.体验:满足预期
在完成第一步的基础上 , 需要对反向导航做更多的思考 。
当用户进入比较深的页面 , 并不一定希望按照顺序依次返回 。