1 / 10
文档名称:

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

格式:pdf   大小:503KB   页数:10页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:小泥巴 2022/8/3 文件大小:503 KB

下载得到文件列表

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

相关文档

文档介绍

文档介绍:移动应用 APP 架构与导航设计
摘要:手机导航设计作为其系统或应用的指向功能,在用户初次使用时往往起到了决定性的作用。
一方面用户可以通过导航了解系统或应用的主要功能,另一方面导航单元。
Step2 :功能层级判断:扁平 vs 树状
再分析了 App 的框架结构后,产品功能的逻辑层次也就基本确定。建议可以利用一些框架
绘制软件将分析整理的框架记录下来,形成一张大的蓝图。在后期的导航设计中,许多功能的安
排以及排布可以直接从图中所示的位置关系进行设计。
在导航的设计中,经常遇见的功能层级主要是两种:一种是扁平层级,即所属功能在框架
蓝图中属于同一层级的并列关系,这种主要出现在信息架构较为扁平化,同级别任务功能较多的
视图中,如 Dashboard 和列表设计;另外一种则是树状层级,即信息架构较为层次化或者任务之
间有从属关系,需要用户逐层深入的视图中,如 iOS 中的单进单出式层级导航。
Dashboard 是扁平层级导航设计中经常使用到一种模式,系统的首页和 App 的入口作为全局
导航的一种方式应用广泛。在手机操作系统中,一般采用图标加消息数目的形式配合出现,让用
户在第一个页面即可以选择想使用的软件功能。沿用这种思路,在 App 的设计中,应用的第一个页面将扁平化的信息层级展现出来提供给
用户进行选择,可以让用户迅速定位到自己关注的功能点上。这种导航设计的优点在于 App 的功
能结构较为扁平,用户能迅速了解全局架构,而同时又因为功能选择过多集中在首页上,那么单
个功能的层级不宜过于复杂,并且需要提供快速返回首页的设置,让用户能再次做出选择。
列表设计适用于内容浏览类应用的扁平信息层级设计,将相同层级的类别信息聚合地放在
一个纵向列表中。操作系统中,使用到这种导航设计的主要有通讯录,歌曲列表,商店应用等以
项目名字进行排布的扁平化区域。同理,在 App 的设计中,类别信息较多的电商类应用,由单条目名称聚合的应用,信息订
阅型的新闻类应用的导航模式,都属于典型的扁平化信息层级,因此列表导航的设计也非常适用。
并且根据自身的特性,均有一些细微的差异。 如淘宝的类别目录导航,类别在设计中根据用户
使用的热度进行了自上而下的排版;而 Eataly 菜谱导航,则因为名称聚合较多,在右侧提供了
便捷选择的字母索引;BBC 的新闻导航则类似于类别信息与条目信息的综合导航,因此列表导航
在设计时,除了按照用户关注热度自上而下进行排列,类别栏目还能方便地收起展开或者在浏览
的过程悬停在页面顶端。
树状层级结构的设计在移动设备的设计中应用极其广泛。和传统 PC 时代大量使用的“面包
屑”网状设计不同,树状层级