用户|谈谈平台类产品的导航设计( 二 )_

如下图：

文章插图
4）“转移”
当一个功能既不能删除、分组、也不能隐藏，就可以用转移的方法。包括：设备转移、软件转移、向用户转移。

设备转移：因屏幕大小影响一些产品的高级功能在手机端往往进行简化隐藏，高级的功能只在电脑端呈现；
软件之间转移：tableau数据分析软件把数据准备阶段的功能进行简化，抽离出制作数据清洗的软件—Tableau Prep，既满足了用户数据准备阶段的需求，用户又可单独购买产品的服务，提高公司收益；
向用户转移：这里的向用户转移可以理解为“用户自定义”，产品提供的功能众多，但常用的功能往往就几个，如下图，腾讯云产品列表提供自定义常用软件快捷入口功能，体验感更佳。

文章插图
2. 深度1）根据用户角色需求和使用场景梳理产品架构
当发现功能层级过深时，可以根据用户角色和使用场景给功能分组，如：哪些功能需求是相互关联在一起的，（创建会议邀请时，需要看到与会人的日历是否有排期）这里就需要考虑用同一个页面视图来集成所有功能。
2）运用面包屑导航
多级导航运用“面包屑”：一般页面层级多于2层，可尝试用面包屑导航，它的优势是可以看到当前页面的位置轨迹，且可返回到任意想要返回的位置。

文章插图
通过加背景颜色和文字粗细等视觉表现手法突出当前所在页面
3）减少页面跳转
当页面功能存在关联性时候，可以用覆盖层弹窗来减少跳转。如下图，用户查看模型训练任务列表详情展示采用覆层弹窗，减少页面层级的跳转。

文章插图
四、导航颜色注意事项我们先记住一个重要的原则：让导航在每一页上以一致的外观出现在相同的位置，会让用户立即确认自己仍然待在这个网站上。
1. 导航用色与品牌匹配选取品牌色是产品UI设计的重要步骤，品牌色的选用要符合产品定位和使用人群的特点。我们需要了解各种颜色的情感属性，然后根据产品使用人群的特点选中适合的色相，在色相基础上调整亮度和饱和度。
注意：

这里要考虑色盲和色弱用户视觉体验，可以用色彩工具查看选取的色彩是否对色彩障碍用户同样友好。
尽量让产品在不佳的环境中视觉感受良好，有些色彩往往在Mac下展示很漂亮，在其他低分辨率的设备下容易偏色。设计师需要考虑不同设备下产品颜色的展示效果，做综合挑选和评估。

推荐色彩对比工具：
2. 避免用高饱和度和亮度的颜色B端产品设计中，用户往往需要长时间专注工作内容，而明亮的导航颜色会使人感到视觉疲劳，不利于导航层级和内容更好地展示，因此应避免使用高亮度和饱和度的颜色。这里举个反例：钉钉6.0版本架构布局做了调整，虽有可取之处，但导航颜色饱和度与之前相比变高了，看起来很抢眼。