导航系统是产品的信息结构在用户界面上的展现方式,现在的导航系统种类那么多,到底怎样才能更加更快速、系统地掌握各种导航设计方式呢? 平常我们去商场或者景点逛的时候,通常会看到整个景区或者整个商场的导游图,能让我们知道身处何地并且快速的找到目的地。投射到一个虚拟的产品上面,同样是一个“商场”或“景点”,为了让用户能够顺利的在产品中畅行,则必须为用户提供一个有效的导航系统,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。产品的导航系统,是产品的信息结构在用户界面上的展现方式。 介绍APP导航设计的文章中至少会提到数十种导航方式,种类名称繁多,不是很容易理得清。那么问题来了,怎样才能更加更快速、系统地掌握各种导航设计方式呢?在本篇,按照结构化思维对各种APP导航设计进行分类整理,最终形成三个大类:分层结构、扁平化结构以及内容或体验驱动型,提供另外一种认识APP导航设计方式的思路 一、层次结构导航 从杜威十进制分类法到动物界的门纲目科属,庞大的信息通常都会被分类到类别,以及子类别、子子类别...中去,这就是层级结构。层级结构模型是人们最容易理解的分类结构模型,层级导航也是APP中最常用的导航模型之一,本篇将列表式导航、宫格式导航(跳板式导航)、陈列馆式导航归为层级导航结构,它们有共性也有细微的不同: 1、列表式导航 列表式导航中的每一个列表项(注:iOS设计指南中成列表为表格视图)都是进入子功能的入口,用户通过在每个页面选择一次进行导航,直至到达目标位置,并且模块之间的切换必须返回至列表主页当中。列表相当于一个一行一列的表格,列表项中既可以填充文字图片,也可以填充按钮或者展开某一项。 iOS中设置是经典的利用列表导航的应用,QQ邮箱是为数不多用列表式设计做主导航的应用。 (责任编辑:admin) |