如何做好移动产品的导航设计.pdfVIP

如何做好移动产品的导航设计 在物理空间中，人们可以在某种程度上依靠天生的方向感给自己定位，但是这些帮助我们在 真实世界中找到方向的大脑机制，在信息空间中却根本起不到作用。因此在产品设计过程中 导航设计是非常重要的。 产品的导航设计又被称为框架设计，设计的是以什么样的具体形式将分类好的内容展现给用户。好 的导航设计能组织好用户最常用的行为，同时让这些界面元素被用户用最容易的方式获取和使用。 那么好的导航设计要满足哪些要求呢？ 首先必须给用户一种在应用内不同页面跳转的方法。由于我们不可能把每个页面都一股脑的抛在用 户眼前，所以导航设计必须能自然而然的促进或引导用户的跳转行为。 其次导航设计必须能清晰的向用户传达出跳转入口和所包含的内容之间的关系。仅仅提供一个跳转 入口的列表是不够的。入口按钮之间相互之间有什么关系？是否有功能的侧重点？它们之间的相关 差异在哪？这些传达出来的信息对于用户理解一个产品，更快的上手使用一个产品是非常必要的。 最后导航设计必须能结构化的传达出它的内容和用户当前浏览页面之间的关系，简单的来说也就是 帮助用户去理解哪个跳转入口可以最好的支持他们的任务或他们想要达到的目标。 在了解完导航设计的作用和基本要求之后，我们来看看目前市面上有哪些比较流行的导航设计，他 们之间又有哪些优缺点，适用于哪种类型的产品。以下内容结合了网易产品经理课程王明镜老师的 内容和我自身的一些经验总结。 一、 Tab 式导航 Tab 式导航是目前移动端市场上最被广泛使用的导航设计，诸如微信、大众点评、携程等 APP 使用 的都是 Tab 式导航。 优点 缺点 二、抽屉式导航 抽屉式导航是指菜单藏在当前页面后，点击入口后就像抽屉一样拉出菜单。 2011 年刚出现的时候曾 非常的风靡， Facebook 就采用过该种导航。但现在采用的频率较低，仍在使用的应用如 QQ 、滴滴 出行、邮箱大师。抽屉式导航比较适合核心功能突出且较为单一的产品。 优点 给内容页足够的空间，让用户专注在当前的页面或需求目标，提高页面沉浸式的体验。 2 、拓展性 较好，侧边栏可以提供更多的功能入口的展示空间。 缺点 三、跳板式导航 跳板式导航有被称作九宫格式导航，将各个入口都平铺展示在页面上，该种导航适合功能较多且功 能之间较为独立的产品。目前纯粹的跳板式导航其实较少，大多与 Tab 式导航复合使用。常见的应 用比如美图秀秀、典典养车、支付宝等。 优点 例如对于支付宝这种功能较多且繁杂的应用，采用跳板式导航可以让用户第一时间快速发现找到手 机充值、转账、生活缴费等常用功能，而不用多次点击跳转。 缺点 四、列表式导航 列表式导航将入口或内容按照列表的样式依次展现在页面之上，列表式导航比较适合内容型产品作 为主导航或者一般性产品作为辅助导航。比如网易新闻某类标签下的内容页，简书的消息 页面， IOS 的设置页面。 优点 缺点 四、总结 现在移动产品的导航设计不仅局限于以上 4 种，还有点聚式导航、标签式导航等等就不再逐个分析了 ，优缺点基本与上面的分析相似。在一个移动产品的设计过程中，我们往往会选择一个导航作为主 体框架，其他导航作为辅助设计。如果一开始觉得经验不足而拿捏不准的话， Tab 式导航是风险度 最低，学习成本最低，最容易被大众所接受的导航设计。 一个好的移动产品导航最重要的检验标准为是否能清晰的告诉用户 他们在哪里“ ”以及 他们能去哪里“ ” 。选择什么导航作为主体框架切记不能盲目跟风选择，要根据自身产品的类型是什么以及功能之间 的关系结构是怎样等条件来做决定。 # 专栏作家 # Link ，微信公众号： aboutlink ，人人都是产品经理专栏作家。一只新美大产品汪，一个爱写字的文 艺青年，一个人码过代码上架过应用，专注分享好书籍，好产品，更分享一个产品经理从 0到 1的进 阶之路。 本文原创发布于人人都是产品经理。未经许可，禁止转载。 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台