课程导航

UID/UED 电商网销 Web全栈室内景观淘宝美工机械模具服装设计 VRI影视网络工程更多

上海非凡详解APP中的九大导航架构做有头脑的产品设计！

来源：上海非凡进修学院日期：2019-12-23 09:12 浏览：43

导读|：首先理解一个知识点，什么是导航？导航是页面的架构，是功能入口的组织形式。导航的作用是什么？产品的结构和功能用户任务的扁平路径突出产品核心

PART 1——标签式导航

优点：能快速切换模块、信息和任务，包容性强。

缺点：标签式导航的数量上限最好不超过5个。

标签式导航强调选中标签状态和非选中标签状态

PART 2——舵式导航

优点：重点突出频繁使用的功能。

缺点：只适合附带二级导航的扩展，且功能单一，占据空间大。

比如星巴克的中间悬浮按钮为主要的扫码功能

舵式导航中间的按钮并不一定是圆形

PART 3——列表式导航

优点：高效率的导航形式，延展性强，信息层级明显并突出。

缺点：用户体验感单调，无趣味性。

社交软件的聊天人列表

通讯录是列表导航出现最多的地方

另一个比较常用的就是设置页面

PART 4——下拉菜单式导航

优点：以内容为主且与界面连贯性较好，展开收起的唤醒迅速。

缺点：入口容易被忽视，多数位于顶部不易于单手操作。

最典型的微信右上角下拉导航功能

PART 5——抽屉式导航

优点：又称为侧边导航，追求核心内容的突出，节省空间，渲染式体验感。

缺点：弱化了导航，功能和信息流单一。

侧边导航注重交互的手势体验对于操作使用上并没太好的辅助

PART 6——宫格式导航

优点：功能一目了然，有助于大流量的分发，分类明显。

缺点：需要频繁在几个信息入口间切换。

逻辑性相对较简单的常用导航形式，被广泛应用，比如支付宝

PART 7——卡片式导航

优点：主流的更具有可视化的导航，常作为二级导航，有效提高产品转化率和用户查看度。

缺点：占用空间大，内容展现少。

卡片式导航分为等高和不等高两种，不等高的又称之为瀑布流

PART 8——页面转盘式导航

优点：又称之为轮播式，采用自动和手势互动来选择目标更有趣味性。

缺点：自动或手动均需消耗额外体验时间且展示内容受局限。

转盘高度和位置不局限，很好的与用户产生互动体验

PART 9——仪表盘式导航

优点：使数据更加生动直观易读，增加APP趣味性。

缺点：使用范围较窄，设计要求更高。

转盘高度和位置不局限，很好的与用户产生互动体验
导航系统是整个APP的骨架，支撑着产品内容和功能，我们在设计不同的产品时要先分析用户最常用行为的分类组织，哪些功能元素可以被用户以最容易的方式获取和使用。通过设计将产品的核心点集中突出，用户就不会迷失方向，这个产品设计也就成功了！

武老师认为每位同学都需要分析大量的产品导航思维，从中学习到不同产品的功能应用，才能提高自己的产品设计能力。非凡教育-《全链路UI/UE交互设计就业班》特色课程由武凯老师亲授，已培养众多UI/UE设计行业优秀人才。

▼回馈新老学员活动享不停，如此优惠只为你！

本文来源：上海非凡教育www.feifanedu.com.cn

推送图文信息版权归原作者所有！转载内容无商业目的且会注明作者和来源，除非无法确认！部分推送未能联系到原作者，涉及版权烦请告知小编更正！

↓↓↓
总结：如果还想了解更多课程可以直接联系我们的在线老师哦！！！还想了解更多，可以直接点击链接：https://www.zgxledu.com/edu/feifanedu.html

上一篇：贺非凡教育荣获百度“2019年度教育行业杰出品牌奖” 下一篇：上海非凡学院教您五种创意设计风格轻松搞定海报设计套路！