发布时间：2020-2-10 分类： 行业资讯
产品同学必须做一个新的APP，并对导航做了大惊小怪。在两个主要的设计规范中，我们指出了如何设计APP导航。前人的文章中也有许多摘要。在这里，我们将对它们进行内部化并与读者分享。
一，导航设计四个步骤，明确用户角色和任务流程;建立清晰合理的信息结构;灵活运用导航模式;使用推荐算法简化，专注于拇指操作热区创新。二，导航设计原则
导航可以组织内容，因此用户可以更轻松地在应用中查找所需信息。要使导航更具响应性，请首先定义用户，他们使用的典型路径以及您希望他们使用的功能。 ——材料设计
1.定义用户和核心任务
在设计导航之前，您需要知道用户是谁以及他们最重要的是什么。
以背景中的需求为例：
这一要求明确表明用户是某一类企业。在早期阶段，可以通过需求挖掘和用户研究来分析这个答案。常用的方法包括用户肖像，深度访谈，问卷调查，焦点小组等。具体操作方法在互联网上具体介绍，此处不再赘述。
在获得商家的核心痛点和诉求后，这些团体会采取什么行动？在对任务进行反汇编之后，我们列出了他们需要的操作列表：
然后理清他们的主要功能过程：
在澄清用户社区和核心任务之后，您可以通过信息架构解构功能流程并构建APP的框架。
2.合理的信息架构
信息架构反映了APP所有内容的构成。合理的分组和分类可以使产品更易于理解和浏览，并使功能框架具有良好的可扩展性。
在初始阶段，您可能会遇到数十甚至数百个功能点。如何有效地组织信息？
从用户认知出发
最经典的方式是卡片排序，它允许用户根据自己的感知来组织功能点。具体操作分为封闭分类和开放分类。前者根据产品本身的特点分为若干类别，后者完全按用户分类。以这种方式，获得信息架构的用户版本，然后通过多个用户版本的信息模式合并类似项目，以获得符合用户认知的功能结构。
划分优先级
确定哪些是最重要的，次要的，不重要的。通常，可以从这三个纬度进行评估：需求强度，使用频率，任务数量以及决策工具获得最佳解决方案的帮助。当有很多功能时，很难选择，但如果每个功能都很重要，则意味着每个功能都不重要，用户很容易失去焦点。
把握任务的场景类型
不同的任务场景对应不同的组织模式，一般可分为浏览类型和任务类型。浏览场景时，产品可能需要显示更多的对象对象，以便用户可以快速得到清晰的了解，比如信息类APP可以传播很多新闻类别;和基于任务的方案，然后突出显示关键流程节点允许用户成功完成他们想要做的事情，例如电子商务应用程序的购物车和订单机制。
最后，我们可以梳理这三种情况的信息架构，然后根据导航模式启动界面设计。
三，常用导航模式
iOS设计指南为我们指出了三种经典导航模式：分层导航，平面导航，内容驱动导航，当然还有Android倡导的抽屉导航。市场上大多数APP的导航也基于这些类型的演变或组合。
1.平面导航（通常用于主导航）
最常见的是选项卡式导航。标签可位于屏幕顶部或下方，通常位于底部，便于手指操作。
适用场景：多个顶级模块相互独立，模块之间频繁切换。
特性：
可视性好，用户更容易找到功能;可操作性好，底部手指操作方便;它符合大多数用户的习惯。 2.分层导航
典型的代表是iOS设置，它基本上显示了功能架构的父级和子级，每个页面都有一个子级，直到它到达终点。要前往另一个目的地，您必须返回父母并从头开始选择另一个孩子。
适用场景：任务数量较大，彼此独立，无需频繁切换任务。
特性：
结构清晰，合乎逻辑;易于理解，可以帮助用户快速定位目标。
注意：当内容太大或分发不合理时，用户可能会发现很难找到该场景。
在此基础上，信息布局的差异源于网格导航，展厅导航，跳板导航等，以往人们总结了很多风格，这里不再赘述。
目前，这种类型的导航更多地用作辅助导航，如果要用作一级导航，则需要满足浅层次和内容级别的条件，这在单任务类型工具中是常见的。作为iOS天气，美女。图秀秀。
3.抽屉导航
这种导航不是在iOS设计规范中，但它在Android的倡导下已经流行了一段时间。抽屉导航的核心思想是隐藏和收回非核心操作和功能，使用户可以更专注于核心任务。
适用场景：核心功能数量非常少，辅助功能数量较少。
特性：
节省页面空间并专注于核心内容;它具有良好的可扩展性，可以容纳许多功能;它具有良好的适应性，可以应用于PC和移动网络。
注意：
折叠的功能很低。当有超过3个核心功能时，请使用其他导航模式;通知中的红点很容易重叠;最高位置很长;手势操作很容易与页面滑动操作重叠，这需要特殊处理。 4.内容驱动的导航
这种导航在游戏娱乐产品中更为常见，例如最近使用的导航形式《第五人格》。这种导航种类繁多，所以不要在这里做太多扩展。如果您有兴趣，可以自己搜索。
5.其他导航
Material Design的层次结构类似于iOS中的分层导航，但值得一提的是链接设置。链接允许导航系统中不相邻的两个功能快速切换，允许用户通过滑动浏览所有选项卡。这种类型的应用程序在网易云音乐（Android）中得到很好的体现。
四，当前&的导航未来1.该算法使导航更轻量化
推荐算法直接直接显示我们潜在的搜索对象，减少了逐步访问路径的数量。
想象一下，当淘宝和京东APP没有智能匹配时，除了使用搜索外，找到最喜欢的顶级有多难：
Home→类别→服装→ T恤→ T恤式筛选→浏览产品列表
与公众评论/美容组相似，当您坐在餐厅时，主页会自动弹出当前餐厅的门户，让您直接到达餐厅详细信息页面，避免了搜索的麻烦。这种门户通常只是接口模块的一部分，它不会影响整体导航结构，但只有这样的技术能力才能使复杂的检索过程变得简单甚至消失。
语音交互也是替代导航的实施例。通过语音识别，机器可以自动识别人们正在寻找的内容，例如呼叫Siri打开一个尘土飞扬的APP，这比在手机上找到它更有效，特别是如果手机装有很多APP。随着会话界面的兴起和语音技术的发展，如果你能够以这种形式使用APP的导航设计，它肯定会创新现有的APP体验。
2.大屏幕交互设计
手机的屏幕越来越大，全屏幕已经在18年内逐渐流行起来。然而，用户的手机操作和习惯没有太大变化，单手和双手操作的比例仍然是一半。如何在大屏幕中设计更好的交互也是设计师需要认真对待的问题。
关注底部操作区
底部导航在这方面具有良好的连续性，提供舒适的操作空间并确保标签的可点击性。此外，市场上有许多产品将抽屉导航转移到下部区域，使用户更容易接触到他们的手指。
精致的滑动交互
去年iPhone X的互动形式令人耳目一新，新的AppStore和早期的Apple Maps（iOS 10更新版）也体现了这种精致的滑动互动。在国内应用程序中，夸克浏览器具有类似的良好设计，使URL输入变得简单易行。
Ada
一个健康助手应用程序，以对话的形式设计任务流程，并将导航区域移动到屏幕的底部，允许用户单手操作。
ofo & 苹果地图
小黄车APP的核心功能集中在下部区域，可以通过滑动唤醒和关闭页面。
Apple Maps在整体互动方面也经过了全面重构。核心操作区域被控制到最大程度（在手指舒适区域之间），并且滑动操作用于控制不同页面的级别转换，使得用户可以仅用一只手轻松地选择和导航目的地。
