常用的移动信息架构设计模式

      信息架构是一种对信息进行组织分类的方法，提升信息的可用性和可寻性，使其能更加高效有序地被用户认知。对于用户来说，能帮助他们便捷的找到功能，降低使用门槛。对于产品经理来说，能帮助他们完善产品蓝图，进行产品功能、模块划分，为下一步具体产品设计做准备。用两个字来总结，就是分类。这篇文章主要是记录下常用的移动端信息架构设计模式。

层级结构（Hierarchy）

• 层级架构是一种标准的网站架构，有一个主页和一系列子页面。

• 常见例子：新闻网

• 适合：对于需要依据桌面网站架构进行设计而言，能够很好的组织复杂的网站结构。

• 注意：导航，当用户使用小屏幕时，多层导航架构会引起问题

集中和分发/辐射式（Hub&spoke）

• 集中和分发模式会在导航时给予你一个中心索引。这是苹果 iPhone 的默认导航模式。用户不能在不同子栏目中进行跳转，必须回到索引页面。这种模式在工作流程受限的桌面软件上使用很久了，但是，由于用户在移动场景上会关注于一个任务，这种设计正变得更加普及，

• 常见例子：iphone 的默认导航样式

• 适合：多功能工具，每个功能有一个独立的内部导航和目标。

• 注意：这种样式不适于用户进行多任务操作

重叠放置/套娃式（Nested doll）

• 重叠放置模式采用线性方式引导用户查到更详细的内容。当用户迷路时，这种设计能快速且方便地为用户导航。通过点击“前进”或“后退”，用户可以强烈感知自己所处何处。

• 案例：兴业银行对公开户申请流程

• 适合：有着单一的，或者相关话题的 App 或者网站。

• 注意：用户无法在不同内容中快速切换，因此需要考虑这种样式是否方便查找，而不能让它成为查找内容的绊脚石

页签视图（Tabbed view）

• 页签视图对于常规 app 的用户而言十分熟悉。它通过一个工具条菜单将一组区块组合在一起，从而允许用户在首次使用时快速浏览和了解 app 的全部功能。

• 案例：京东 APP 的分类列表

• 适合：基于工具的 app，多任务且主题相似

• 注意：这种样式不太适合复杂类结构，较为适用于非常简单的内容结构。

便当盒/仪表盘模式（Bento box）

• 便当盒通过使用组件展示相关工具或内容的部分信息，直接在首屏就能够带来更详细的内容呈现。

• 案例：去哪儿首页

• 适合：多功能工具，以及基于内容，具有相似主题的平板 app

• 注意：尽管平板电脑的屏幕提供更多空间承载这种样式，但更为重要的是我们要理解用户如何与每块内容互动，以及我们要确保应用简单、有效、使用愉悦。

过滤视图（Filtered view）

• 过滤视图最终允许用户通过选择过滤条件创造不同视图，来在一系列数据之间进行导航。

• 案例：饿了么的美食筛选

• 适合：拥有大量内容的 App 或者网站，例如文章、图片和视频。

• 注意：过滤器和面搜索在小屏幕上的展示会很困难。