掌上指路标 —– APP架构与导航设计.pdfVIP

掌上指路标 —– A PP架构与导航设计 一款小小的手机应用 ，却包罗万象 ，融合这复杂的 息内容或功能逻辑。要让用户在使用中获得最 好的体验 ，迅速掌握应用的框架结构 ，其导航的设计是一个重要的环节。 手机应用的导航和现实世界中的路标或者地图的作用很类似。它是应用软件的虚拟框架 ，对用户具 有指示标识以及识别的功能。 比如 ，如同路标 ，导航能在使用中 ，定位用户当前在哪儿 ，为用户突出当前视图重要的功能 ，告知 用户可以去哪儿 ，在不同的视图和区域迅速地切换 息 ，记录使用的操作轨迹防止用户迷失等。那 么导航应该如何设计呢 ？ A PP导航设计的步骤主要为以下三步 ： 1. A PP框架整理 ： 息架构 o r 任务分析 2. 框架层级判断 ： 扁平 vs 树状 3. 导航具体表现形式 ：控件形式and摆放位置 Step1: A PP框架整理 ： 信息架构or 任务分析 为什么需要框架整理呢 ？ 这和建造一栋大楼一样。 在搭建一栋宏伟的建筑之前 ，需要预先对建筑中的各个小房间进行规划 ， 以确保大楼结构的正确规划和安排。 而蕴含着在A pp设计的最初阶段 ，需要先建立一个A pp蓝图 ， 来确保在之后软件导航的设计过程中 ，设计人员能对功能产品所属层级以及需要兼顾的前后关系进 行宏观的掌控。 框架整理的方法 在建立蓝图的过程中 ，需要根据A pp自身的特性 ，选取适当的方法。当下的A pp应用主要可以分为 两大类 ，内容浏览类应用和功能操作型应用。对于内容浏览类应用 ，需要通过 息架构的方法 ，对 息数据进行整合归类。而对于功能操作型应用 ，则需要通过任务分析的方法 ，将功能分解组织形 成一个能够闭环的网状操作模式。 信息架构的定义及使用方法 息架构是一种对 息进行组织分类的方法 ，提升 息的可用性和可寻性 ，以使其能更加高效有序 地被用户认知。 该方法最早起源于图书馆的图书分类 ，图书管理员通过将相似书籍归类并且进行编号 ，使读者能快 捷方便地在上万册的图书中找寻到自己所需要的书籍。随着计算机科学技术的发展 ， 息量日益 增多 ，该方法也广泛地开始应用于虚拟数据和 息的管理中 ，如数据库 ，内容管理系 统CMS （co nt ent s management syst em ）和网站设计中。 对大规模的数据 息进行架构是复杂的 ，而对于这类 息的架构需要有专业的 息分析师从多维度 进行分析整理。而在实际的手机产品设计中 ， 息量相对较为简单 ，对于这类 息目前采用的分析 方法主要有 ： 息结构 ，逻辑树和卡片分类三种方法。 息结构主要是从物理世界中人们已经获得普遍赞同的 息的基础结构对 息进行排布 ，如歌曲的 标题 息按照26字母的顺序进行排列 ；逻辑树则是按照人们心智模型中普遍认知的逻辑结构 ，将 息按照树状逻辑进行梳理 ，比如类别 息 （颜色 ，材料等 ），从属 息 （红色属于颜色 ，木头属于 材料 ）； 卡片分类则是对一些不确定的 息 ，按照用户习惯 ，通过卡片分类和统计的方法 ，来对 息进行归类 ，在电商的物品类别和网站地图的设计中进行了广泛的应用。 任务分析的定义及使用方法 (图片来源: Universit y o Yo rk, HCI 课程讲义) 任务分析是指将用户为了实现某个目标执行的一系列动作或者是进行的认知过程进行分析的一种 行为。通过任务分析 ，能让设计师清晰地了解到当前A PP将要实现的功能层级顺序以及 息在系统 中传递的状态 ，使其在设计中能全局地把握住产品的结构以及用户当前所需要进行的操作。 任务分析的首要任务需要明白用户的目标 ，然后将用户实现目标进行的操作进行拆解 ，此时每一个 操作都可视作为一个原始任务。 再原始任务的基础上 ，根据需要深入的程度将任务再进行更加细致 的拆解。在产品设计中 ，拆解的终点一般视为可以单独进行设计以及分析的子单元。 Step2 ： 功能层级判断 ： 扁平 V S 树状 再分析了A pp的框架结构后 ，产品功能的逻辑层次也就基本确定。建议可以利用一些框架绘制软件 将分析整理的框架记录下来 ，形成一张大的蓝图。在后期的导航设计中 ，许多功能的安排以及排布 可以直接从图中所示的位置关系进行设计。 在导航的设计中 ，经常遇见的功能层级主要是两种 ：一种是扁平层级 ，即所属功能在框架蓝图中属 于同一层级的并列关系 ，这种主要出现在 息架构较为扁平化 ，同级别任务功能较多的视图中 ， 如Dashboard和列表设计 ；另外一种则是树状层级 ，即 息架构较为层次化或者任务之间有从属 关系 ，需要用户逐层深入的视图中 ，如iO S中的单进单出