1993年左右，我父亲带回了一个大型的砖形手机。我们都对这项新技术感到非常兴奋，尽管我们都不会认为它会对对我们的生活产生巨大影响。几年后，当我的一些朋友决定购买时。我实际上仍然认为它是一种嘘头。

如今，全球有60亿移动用户 - 这意味着如果每个用户拥有一个移动用户，那么世界上87％的移动用户将拥有一个移动用户。考虑到只有不到30亿人使用台式电脑，这是一个很大的区别。

移动设备显然仍然存在，并且与它们一起为我们的设计带来了许多新的约束（和机会）。让我们来看看我们如何升级我们的设计方法。

移动设备有何不同？

我们需要了解移动设计的第一件事是它是与众不同的 - 而不仅仅是尺寸问题。移动设备的物理性和规格赋予不同的设计可用性和要求。由于移动设备更轻便，更便携，我们经

常发现使用它们更加方便。因此，通过这种更经常的使用，我们感受到与他们独特的情感上的联系。

物理性和规格

大多数移动设备采用触摸屏，用户除了简单的界面元素外，还依靠手势与他们进行交互。由于尺寸较小，我们有时希望内容结构更简单，更小。此外，由于其有限的带宽和连接性，移动设备要求设计针对加载时间进行优化，同时降低数据要求。

如何，何时何地

由于我们可以持续访问我们的移动设备，因此我们倾向于更频繁地使用它们。他们和我们一起坐公共汽车，走在街上或看电视。我们经常在“做”其他事情时使用它们。这意味着我们可能会在困难的观看条件下或在各种干扰中使用该设备。

我们是如何操作和感受

最终，我们在使用移动设备时有不同的态度，行为和优先级。作为他们在Going Mobile 2012研究的一部分，用户体验设计机构Foolproof发现这些设备给了我们新的自由和控制感。反过来，有些用户对他们的移动设备产生非常真实的感情。Foolproof发现，如果他们的手机很难拿到，63％的人会感到沮丧。他们将自己的手机描述成“活着的”即是他们自己身体和个性的延伸。

由于移动设备从根本上改变了用户的期望，因此作为设计人员，我们必须遵循以用户为中心的设计流程来实现我们的解决方案。有个问题就是我们以前常用的解决办法可能并不都是适用在移动设备上。

移动设备如何影响设计师

移动设备的差异性直接影响以用户为中心的设计流程的各个阶段：从用户研究到最终开发和测试解决方案。它对整个设计流程影响最大的部分就是我们的传输方式和信息架构。

移动设备传输的方法

与传统网站不同，有四种常用移动传送方式。选择在浏览器中查看内容的移动用户最好通过针对移动设备优化的移动设备网站或响应式网站提供服务，这些网站可为移动设备重新定位/设定自己。那些选择在手机上安装应用程序的用户可以使用本机应用程序（lication）或混合应用程序。原生应用程序是设备自带的：应用程序的每个屏幕都是预先定义的。混合应用程序提供更多灵活性，从Web加载内容（因为它在浏览器中查看），但为用户提供“类似应用程序”的界面（或chrome）。

每种传送方法都有不同的优缺点。你可以根据项目的设计背景选择适合您的选项。（在下表中，较多的星星表示更好）

移动信息架构

移动设备同样也有自己的信息架构样式库。尽管响应式网站的结构可能更多遵从“标准化”样式，而诸如原生应用则通常采用基于标签的导航结构。但并不存在构造移动网站或应用的“正确”方法。接下来我们会带来一些最流行的样式：层级式、辐射式、套娃式、标签视图、便当盒和筛选视图。

层级式

层级式（Hierarchy）

层级样式是带有一个索引页和一系列子页面的标准网站结构。如果你在设计一个响应式网站，你可能会受限于此，然而它所带来的额外样式可以帮助你为适应移动设备而调整体验。

Luke Wroblewski在博文《移动为先》（Mobile First）中帮助我们首先关注于重要的内容：可以帮助我们创造更好的用户体验的产品特性和用户使用过程。

适用项

整理需要跟桌面端网站保持一致结构的复杂站点。

注意项

多面的导航结构应用于小屏幕上可能会给用户引起麻烦。

跳板式

跳板式

跳板式会提供用户导航的主要入口。这是苹果手机的默认模式。用户想要同级跳转时，必须先返回入口主面板。从过往来看，这种模式应用于受限制的（通常是由于表单或购买流程这种技术限制）工作流桌面，但由于用户一直专注于单个任务以及设备的物理尺寸，做整体导航会难以使用，所以跳板式在移动视图中十分流行。

适用于：

多功能工具，其中每一个入口都有特定的内部导航和用途。

注意： 

需要多任务的用户。

嵌套式

嵌套式

嵌套式以一种线性样式将用户引到详情页。当用户处于不方便的条件下，选用这种快捷和方便的导航模式。由于前进和后退的感观，他也能给用户处于内容结构哪一级的强烈位置感。

适用于：

单一或者内容关联紧密的应用和网站。也可作为主导航的次级导航模式，比如层级式和跳板式的主导航。

注意： 

当用户无法在各个部分之间快速切换时，要考虑这种模式是否真的合适，因为会妨碍用户探索内容。

标签式

标签式

这是App用户非常熟悉的模式。通过一条工具菜单栏将各个部分的入口集合。标签式能让第一次使用App的用户快读浏览和理解全部的功能。

适用于：

内容相似的工具App。多任务。

注意： 

复杂度。这种模式最适合简单的内容架构。

仪表盘

便当盒/仪表盘

便当盒或仪表盘模式通过使用组件显示相关工具或内容的一部分，直接将更详细的内容带到索引屏幕。由于其复杂性，这种模式更适合平板电脑而不是移动设备。它可以非常强大，因为它可以让用户一目了然地理解关键信息，但是它很大程度上依赖于设计良好、信息显示清晰的界面。

好处

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

注意

平板电脑屏幕提供了更多的空间来充分地利用这种模式，但是，为了确保应用程序使用起来简单、高效和有趣，了解用户将如何与每个内容块以及内容之间进行交互变得尤为重要。

筛选视图

筛选视图

最后，过滤视图模式允许用户通过选择筛选器选项来创建替代视图，从而在一组数据内导航。筛选以及使用多面搜索方法可以很好地允许用户以适合他们的方式探索内容。

好处

包含大量内容的应用程序或网站，如文章、图片和视频，可以作为杂志风格的应用程序或网站的良好基础，也可以作为在另一种导航模式中的子模式。

注意

移动。由于筛选器和多面搜索的复杂性，它们很难在较小的屏幕上展示。

下一步

距离我第一次见到那款砖头形状的手机已经过去了近20年了（大约12年前我买了第一款手机）。现在我、我爸爸和几乎我所有我认识的人都有一部智能手机，我们定期、频繁地互动、交流和管理我们的生活。每年科技都会有新的飞跃，因此，很明显我们需要随之改变。

原文地址：

http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/