导航设计模式

导航定义：到达“信息点”的通路
如何通过导航信息来浏览或者操作产品系统，是让用户知道自己在哪、可以去哪的系统
导航让信息跨越组织结构，人们可以在整个产品中自由穿梭
导航设计需要兼顾灵活性和避免混乱

网站导航四种分类

• 全局导航：比如网站顶部导航栏
• 局部导航：分类下的导航
• 情景导航：推荐与当前相关信息的导航
• 辅助友好导航：站点地图、索引、指南、其他

  手机导航类型：主导航、次导航、辅助导航

  标签式导航

  又称选项卡导航，存在与页面的底部和顶部，顶部标签式导航，可以进行滑动；底部标签式导航要求控制数量，不建议滑动，或可参考上拉展示更多标签选项。

  

  列表式导航

  

  卡片式导航

  又称陈列式导航
  

  侧边导航/抽屉式导航

  

  网格导航/跳板式导航/桌面式导航/宫格导航

  

  分段式导航

  

  轮播导航/翻页式导航

  

  下拉菜单式导航

  

  舵式导航

  

  如何设计导航？

• 确定产品目标用户
• 定义核心任务：功能、内容
• 确定产品的组织系统结构
• 确定用户使用流程

• 选择导航类型

  评估方法

• 差异、可实施、解决痛点

• 商业目标、用户目标

  导航设计原则

• 简单、可见、清晰、一致

  导航UI设计

• 图标强化品牌

• 引导功能模块关注度

• 突出框架强化关注度

• 结合节日/特殊时期增强氛围

• 消息提示的关注度

• 利用切换动效微交互

• 趣味性的情感化设计融入

• 结合营销推广活动设计

• 弱化导航专注内容