移动应用APP架构与导航设计.docxVIP

移动应用APP架构与导航设计

摘要：手机导航设计作为其系统或应用的指向功能，在用户初次使用时往往起到了决定性的作用。一方面用户可以通过导航了解系统或应用的主要功能，另一方面导航就像是人体中的血脉一样可以引导用户走向每一个功能末梢，真正意义上发挥系统或应用的功能。这里就来分享下手机应用上导航设计的经验和心得。

一款小小的手机应用，却包罗万象，融合这复杂的信息内容或功能逻辑。要让用户在使用中获得最好的体验，迅速掌握应用的框架结构，其导航的设计是一个重要的环节。

手机应用的导航和现实世界中的路标或者地图的作用很类似。它是应用软件的虚拟框架，对用户具有指示标识以及识别的功能。

比如，如同路标，导航能在使用中，定位用户当前在哪儿，为用户突出当前视图重要的功能，告知用户可以去哪儿，在不同的视图和区域迅速地切换信息，记录使用的操作轨迹防止用户迷失等。那么导航应该如何设计呢？

APP导航设计的步骤主要为以下三步：

1.APP框架整理：信息架构or任务分析

2.框架层级判断：扁平vs树状

3.导航具体表现形式：控件形式and摆放位置

Step1：APP框架整理：信息架构or任务分析

为什么需要框架整理呢？

这和建造一栋大楼一样。在搭建一栋宏伟的建筑之前，需要预先对建筑中的各个小房间进

行规划，以确保大楼结构的正确规划和安排。而蕴含着在App设计的最初阶段，需要先建立一个App蓝图，来确保在之后软件导航的设计过程中，设计人员能对功能产品所属层级以及需要兼顾的前后关系进行宏观的掌控。

框架整理的方法

在建立蓝图的过程中，需要根据App自身的特性，选取适当的方法。当下的App应用主要可以分为两大类，内容浏览类应用和功能操作型应用。对于内容浏览类应用，需要通过信息架构的方法，对信息数据进行整合归类。而对于功能操作型应用，则需要通过任务分析的方法，将功能分解组织形成一个能够闭环的网状操作模式。

信息架构的定义及使用方法

信息架构是一种对信息进行组织分类的方法，提升信息的可用性和可寻性，以使其能更加高效有序地被用户认知。

该方法最早起源于图书馆的图书分类，图书管理员通过将相似书籍归类并且进行编号，使读者能快捷方便地在上万册的图书中找寻到自己所需要的书籍。随着计算机科学技术的发展，信息量日益增多，该方法也广泛地开始应用于虚拟数据和信息的管理中，如数据库，内容管理系统CMS（contentsmanagementsystem）和网站设计中。

对大规模的数据信息进行架构是复杂的，而对于这类信息的架构需要有专业的信息分析师从多维度进行分析整理。而在实际的手机产品设计中，信息量相对较为简单，对于这类信息目前采用的分析方法主要有：信息结构、逻辑树和卡片分类三种方法。

信息结构主要是从物理世界中人们已经获得普遍赞同的信息的基础结构对信息进行排布，

如歌曲的标题信息按照26字母的顺序进行排列；逻辑树则是按照人们心智模型中普遍认知的逻辑结构，将信息按照树状逻辑进行梳理，比如类别信息（颜色，材料等），从属信息（红色属于颜色，木头属于材料）；卡片分类则是对一些不确定的信息，按照用户习惯，通过卡片分类和统计的方法，来对信息进行归类，在电商的物品类别和网站地图的设计中进行了广泛的应用。

任务分析的定义及使用方法

任务分析是指将用户为了实现某个目标执行的一系列动作或者是进行的认知过程进行分析的一种行为。通过任务分析，能让设计师清晰地了解到当前APP将要实现的功能层级顺序以及信

息在系统中传递的状态，使其在设计中能全局地把握住产品的结构以及用户当前所需要进行的操作。

任务分析的首要任务需要明白用户的目标，然后将用户实现目标进行的操作进行拆解，此时每一个操作都可视作为一个原始任务。再原始任务的基础上，根据需要深入的程度将任务再进行更加细致的拆解。在产品设计中，拆解的终点一般视为可以单独进行设计以及分析的子单元。

Step2：功能层级判断:扁平vs树状

再分析了App的框架结构后，产品功能的逻辑层次也就基本确定。建议可以利用一些框架绘制软件将分析整理的框架记录下来，形成一张大的蓝图。在后期的导航设计中，许多功能的安排以及排布可以直接从图中所示的位置关系进行设计。

在导航的设计中，经常遇见的功能层级主要是两种：一种是扁平层级，即所属功能在框架蓝图中属于同一层级的并列关系，这种主要出现在信息架构较为扁平化，同级别任务功能较多的视图中，如Dashboard和列表设计；另外一种则是树状层级，即信息架构较为层次化或者任务之间有从属关系，需要用户逐层深入的视图中，如iOS中的单进单出式层级导航。

Dashboard是扁平层级导航设计中经常