移动设计指南!如何理解移动信息架构？(一).pdf

移动设计指南 ！如何理解移动信息架构 ？（一 ） 编者按 ：恶补交互基础知识 好机会 ！这个国外系列 交互教程非常实用 ，适合包括设计师、开发 、产品等学习 ，今天 第一部分归纳总结并比较了多种主流 设计模式和信息架构 ，全文图示丰富 ，直观易懂 ，译者还很用心地将图片转成中文版 ，看起来不费力 ，强烈推荐呦 ！ Lost ：大约在1993年 ，我父亲带回家一部体型硕大、形似砖头 移动电话。当时 ，我们全家人都对 这个稀物表示难以置信 兴奋 ，但是没有人会认为它会对我们 生活产生巨大影响。几年后 ，当我 一些朋友决定购买它时 ，我仍然会把它看作是一种花样和噱头。 如今全世界共有60亿移动订阅用户 ，意味着如果人手一部移动电话 ，那么世界上87% 人便拥有移 动电话。然而 ，将近有30亿人使用台式电脑 ，这和移动电话使用情况差别很大。 移动设备存在于我们 生活中 ，随之而来也为移动端设计带来了一系列新 限制和机遇。让我们来 看看设计方法会如何得以更新。 移动有何不同 ？ 关于移动设计 ，我们最先需要了解 是它 不同之处 ，这并不仅仅指尺寸 不同。移动设备 属性 与规格也带来了不同 设计启示和要求。由于移动设备更轻更便携 ，我们通常觉得它们更便于使用 。通过频繁使用移动设备 ，我们与它们之间建立了独特而富有情感 联系。 属性与规格 绝大多数移动设备配有触摸屏 ，用户主要通过手势以及一些简单 界面元素进行操作。由于受限于 屏幕尺寸 ，有时我们希望屏幕中 显示内容结构更简单精致。同样由于受限于带宽和连接速度 ，移 动端上 设计需要优化加载时间 ，减少数据请求。 为何、何地与何时 由于需要不间断查看手机信息 ，我们往往会更频繁地使用手机。乘坐公交车时、街上漫步时或看电 视时 ，它们都无处不在。甚至 ，我们通常“做”一些其他事情时也在使用。这意味着我们可能在一些 复杂 视觉环境下或是一系列干扰条件下使用手机。 我们如何行动和感知 使用移动设备时 ，我们有不同 态度、行为和优先级。作为Go ing Mo bile 2012研究 一部分 ，用户 体验设计机构Foo lproof 指出移动设备赋予我们一种新 自由感和控制感。还有一些用户反而对他 们 移动设备产生了非常真实 情感。Foo lproof 指出当智能电话不在身边时 ，63% 人会感到失落 不安。他们把这些设备描述为“有生命 ” ，是他们身体和人格 一种延伸。 移动设备从根本上改变了用户 期望 ，因此对于设计师而言 ，非常重要 一点是遵从以用户为中心 设计流程来进行设计。但存在 问题在于 ：以往那些最佳 传统实践方法并不总是可以参照。 移动如何影响设计师 移动设备 差异化直接作用于以用户为中心 设计 整个过程 ：从用户研究到最终 开发和实现方 案 测试。而实现方法和信息架构是整个设计流程中受到最大影响 。 移动设计实现方 不同于传统网站 ，移动设计 实现存在四种主流方式。移动用户最希望在浏览器上浏览 ，移动式网 站 （为移动设备而特地优化 网站 ）或者响应式网站 （根据设备重新排列布局 网站 ） 内容。而 那些在设备上安装了应用程序 人会选择原生应用或混合模式应用。原生应用是独立存在 ：每一 个应用 界面都被定义在平台层上方。混合模式应用提供了更为灵活 方式 ，从网络中获取内容 ，（即通过浏览器进行阅读 ），但也提供了类似于原生应用 界面。 每一种实现方式都有正反两面。选择哪种样式取决于项目 设计背景。 （下面 表单中 ，星星越多 ，效果越好 ） 移动信息架构 移动设备同样也有自己 信息架构样式库。尽管响应式网站 结构可能更多遵从“标准化”样式 ，而 诸如原生应用则通常采用基于标签 导航结构。但并不存在构造移动网站或应用 “正确”方法。接 下来我们会带来一些最流行 样式 ：层级式、辐射式、套娃式、标签视图、便当盒和筛选视图。 层级 （Hierarc y ）： 层级样式是带有一个索引页和一系列子页面 标准网站结构。如果你在设计一个响应式网站 ，你可 能会受限于此 ，然而它所带来 额外样式可以帮助你为适应移动设备而调整体验。 Luke Wro blewski在博文 《移动为先》 （ Mo bile First ）中帮助我们首先关注于重要 内容 ：可以帮 助我们创造更好 用户体验 产品特性和用户使用过程。 适用项 ：整理需要跟桌面端网站保持一致结构 复杂站点。 注意项 ：多面 导航结构应用于