一、导航都有哪些类型?

标签导航,抽屉导航,列表式导航
image.png

1.1 标签导航

一级,一般2-5个以内

1.1.1 舵式导航

1.2 抽屉导航

QQ侧边功能区/网易云侧边功能区

1.3 列表式导航

1.3.1 宫格式导航

优点:
①直观展现各项功能;
②具有一定扩展性;
③各模块耦合度低,可分别开发。
缺点:
①无法入口间跳转
②不能直接展示入口内容
③宫格越多,用户选择越困难

举例
美图秀秀
飞猪-我的

1.3.2 下拉列表式导航

1.4 顶部tab式导航

大多用于二级导航,本质和标签导航相同,当应用层级较多的情况下,可以采用。

优点:
①对多内容多层级产品适应
②顶部标签具有可扩展性
缺点:结构复杂,内容繁多,占用页面空间

举例:
滴滴
淘宝-微淘
头条

1.5 陈列式导航

最适合呈现经常更新的、视觉效果直观、彼此独立的内容。比如新闻、菜谱、文章或照片,可以采用网格布局、轮盘布局、瀑布流布局。

优点:
①浏览时产生流畅体验;
②排版布局多变
③沉浸式体验
缺点:
①不适合层级架构复杂的产品
②内容之间没有层级关系

举例:
小红书
罗盘布局-淘票票
瀑布流-厨房故事、微信朋友圈

1.6 卡片式导航

如:探探

1.7 轮播导航

单页面,如:ios天气

1.8 点聚式导航
百度地图

1.9 图表导航

1.10 多面板/侧边栏导航

电商产品-分类

二、导航设计启示

绝大多数产品都会采用组合式导航,即对不同类型的导航进行混用,根据各个导航的优缺点进行设计。
产品需求 ——> 产品架构 ——> 导航设计
微创新
image.png
image.png