导航是页面的架构,是功能入口的组织形式。
导航的作用是什么?1、产品的结构和功能;2、用户任务的扁平路径;3、突出产品核心
PART 1——标签式导航
优点:能快速切换模块、信息和任务,包容性强
缺点:标签式导航的数量上限最好不超过5个
标签式导航强调选中标签状态和非选中标签状态
PART 2——舵式导航
优点:重点突出频繁使用的功能
缺点:只适合附带二级导航的扩展,且功能单一,占据空间大
比如星巴克的中间悬浮按钮为主要的扫码功能
舵式导航中间的按钮并不一定是圆形
PART 3——列表式导航
优点:高效率的导航形式,延展性强,信息层级明显并突出
缺点:用户体验感单调,无趣味性
社交软件的聊天人列表,通讯录是列表导航出现最多的地方
另一个比较常用的就是设置页面
PART 4——下拉菜单式导航
优点:以内容为主且与界面连贯性较好,展开收起的唤醒迅速
缺点:入口容易被忽视,多数位于顶部不易于单手操作
最典型的微信右上角下拉导航功能
PART 5——抽屉式导航
优点:又称为侧边导航,追求核心内容的突出,节省空间,渲染式体验感
缺点:弱化了导航,功能和信息流单一
侧边导航注重交互的手势体验 对于操作使用上并没太好的辅助
PART 6——宫格式导航
优点:功能一目了然,有助于大流量的分发,分类明显
缺点:需要频繁在几个信息入口间切换
逻辑性相对较简单的常用导航形式,被广泛应用,比如支付宝
PART 7——卡片式导航
优点:主流的更具有可视化的导航,常作为二级导航,有效提高产品转化率和用户查看度
缺点:占用空间大,内容展现少
卡片式导航分为等高和不等高两种,不等高的又称之为瀑布流
PART 8——页面转盘式导航
优点:又称之为轮播式,采用自动和手势互动来选择目标更有趣味性
缺点:自动或手动均需消耗额外体验时间且展示内容受局限
转盘高度和位置不局限,很好的与用户产生互动体验
PART 9——仪表盘式导航
优点:使数据更加生动直观易读,增加APP趣味性
缺点:使用范围较窄,设计要求更高
转盘高度和位置不局限,很好的与用户产生互动体验
平面广告培训老师认为导航系统是整个APP的骨架,支撑着产品内容和功能,我们在设计不同的产品时要先分析用户最常用行为的分类组织,哪些功能元素可以被用户以最容易的方式获取和使用。通过设计将产品的核心点集中突出,用户就不会迷失方向,这个产品设计也就成功了!~
每位同学都需要分析大量的产品导航思维,从中学习到不同产品的功能应用,才能提高自己的产品设计能力。