移动端设计大补脑第一补：信息架构

移动端信息架构

移动设备也有自己的一套信息架构模式。虽然响应式站点的结构可以采用“标准”模式，但是，以本机应用为例，其通常会采用基于标签的导航式结构。再次强调，移动站点或应用的架构并没有一定之规。比如下面这些比较热门的模式：分层结构、轴辐式结构、套娃结构、标签视图、便当盒结构及筛选视图结构：

分层结构

分层结构模式是一种比较标准的网站结构，其拥有索引页及一系列子页。对于响应式网站，可能这是唯一可用的模式了，不过你也可以自己构思其他模式来针对移动端量身定制用户体验。

“移动为先”方法可以帮助我们将注意力先集中到关键的内容上，例如有助于打造优秀用户体验的功能及用户旅程等。

适合于

组织需要遵循台式机网站结构的复杂型网站结构。

要注意

导航。多层面导航结构容易给使用小屏幕的用户带来问题。

轴辐式结构

轴辐式结构可让用户通过中央索引向外导航。这是iPhone默认采用的模式。用户不能在各个“辐条”之间进行导航切换，只能先回到轴心再出去。这个方式在历史上一直用于工作流程存在限制（通常是表单或购买流程等技术限制）的台式机情况，但其现在也开始逐渐流行到了移动端，因为在移动端用户往往需要专注于单项任务，另外设备的形状因素也造成全局导航使用比较不便。

适合于

每个功能都有自己内部导航和用途的多功能工具。

要注意

需要执行多任务的用户

套娃结构

套娃结构模式能够以相对线性的方式引领用户查看细节内容。当用户身处环境不便时，这种导航方式相对比较快捷简单。其简单的前后推进模式还能让用户清楚明确地知道自己目前在内容结构的什么位置。

适合于

主题单一或彼此相近的应用或网站。也可用作其他模式的子模式，例如标准分层结构或轴辐式结构模式。

要注意

用户无法快速在不同板块直接切换，所以要考虑其适用性，不能成为对内容探索的障碍。

标签视图

这是普通应用用户比较熟悉的模式之一。其实际上就是通过工具栏菜单把一系列板块绑在一起。这种方式可以方便用户在首次打开时快速浏览并理解应用的全部功能。

适合于

主题类似的工具类应用。多任务。

要注意

不要做的太复杂。这一模式最适合于简单的内容结构。

便当盒/仪表盘

便当盒或者叫仪表板模式可以通过使用组件形式展示相关工具或内容的不同部分将详细具体的内容直接呈现到索引屏幕上。这一模式比较复杂，因此更适合于平板电脑。其可以让用户一眼发现关键信息，因此功效强大。但是这种模式同时也严重依赖于设计界面的优劣以及信息呈现是否明确。

适合于

主题类似的多功能工具和基于内容的平板电脑应用。

要注意

筛选视图

筛选视图模式可以让用户通过选择筛选器选项形成分类视图以便在系列数据中进行导航。筛选以及分类搜索方法的使用是方便用户以自己喜爱的方式探索内容的好办法。

适合于

内容量大的应用或网站，例如文章、图片和视频类网站。可以用做杂志类应用或网站的模板，或者用作其他导航模式的子模式。

要注意

移动端。考虑到复杂性问题，筛选器和分类搜索在比较小的屏幕上显示时可能会有困难。

                                                          后 续

开发出适合于手机和平板电脑的信息架构只是打造优秀移动用户体验的第一步。明天将与大家分享交互设计，说明移动与传统之间的种种差别对最终设计解决方案的出炉会存在哪些影响。