为移动而设计系列一：信息架构.pdfVIP

为移动而设计系列一：信息架构 小编导读：本文从设计人员的角度出发，提出了移动端设计与传统桌面端设计的不同之处， 同时归纳总结并比较了多种主流的设计模式和信息架构，旨在帮助设计、产品、开发相关人 员更好的思考移动端设计。分享给大家，希望有所帮助和启发。 大约在 1993 年，我父亲带回家一部体型硕大、形似砖头的移动电话。当时，我们全家人都对这个稀 物表示难以置信的兴奋，但是没有人会认为它会对我们的生活产生巨大影响。几年后，当我的一些 朋友决定购买它时，我仍然会把它看作是一种花样和噱头。 如今全世界共有 60 亿移动订阅用户，意味着如果人手一部移动电话，那么世界上 87% 的人便拥有移 动电话。然而，将近有 30 亿人使用台式电脑，这和移动电话使用情况差别很大。 移动设备存在于我们的生活中，随之而来也为移动端设计带来了一系列新的限制和机遇。让我们来 看看设计方法会如何得以更新。 移动有何不同？ 关于移动设计，我们最先需要了解的是它的不同之处，这并不仅仅指尺寸的不同。移动设备的属性 与规格也带来了不同的设计启示和要求。由于移动设备更轻更便携，我们通常觉得它们更便于使用 。通过频繁使用移动设备，我们与它们之间建立了独特而富有情感的联系。 物理属性和特征 大部分移动设备都是触摸屏，用户依赖于手势 —— 加上简单的界面元素进行交互操作。由于它们尺 寸更小，我们有时希望它上面的内容结构更小更简洁。同时，由于有限的带宽和连接速率，移动设 备需要设计上充分利用加载时间，从而减少数据请求。 何时，何地，做什么 由于我们不断地接触移动设备，我们倾向于更频繁地使用它们，无论是在公交车上，大街上，或者 看电视时。我们经常一边做事情一边使用它们，这意味着我们可能在困难的阅读环境下，或是各种 干扰下使用移动设备。 我们的行为和感觉如何 最终，我们在使用移动设备时产生了不同的态度，行为和优先顺序。 用户体验设计咨询公“ 司 Foolproof 在 ”“Going Mobile 2012 的研究中发现，这些设备给予我们一种对于” “自由 ”和 控制“ ”的新 感觉。换句话说，一些用户对他们的移动设备产生了非常真实的感情。 Foolproof 发现， 63% 的人在 没有移动设备时感到失落。他们把移动设备看成是 活的“ ”……是他们身体和人格的一种延伸。 由于移动设备已经从根本上改变了人们的预期，对于我们设计师而言，采用 “以用户为中心 ”的设计 思路来提供解决方案则显得尤为重要。唯一的问题就是我们的传统最佳实践可能不管用了。 移动（环境）如何影响着设计师们 移动的不同直接影响着 “以用户为中心 ”设计流程的方方面面：从用户研究到最终的开发测试。影响 最大的是我们的分发方式和信息架构。 移动分发方式 不像传统网站，移动端有四大著名的分发方法。移动用户可以选择在他们的浏览器上查看内容，这 些内容要么是针对移动端设计的网站，要么是响应式的 —— 意味着它会针对移动端重新布局。还有 一部分用户选择安装 App ，这些 App 要么是原生的，要么是混合的（原生 +WebView ）。原生应用 有自我局限性：需要预先定制适配各种屏幕的应用。混合型应用则更灵活，它们从互联网上读取内 容（就像在浏览器中看内容那样），但提供给用户 像“App 那样的 界面。“ 每一种分发方式都有优缺点。可以根据你项目的设计背景进行合适的选择。（下面的表格，星星越 多越好） 移动信息架构 移动设备也有它自己的信息架构模式。例如，响应式网站架构会遵循更多的 标准“ ”模式，而原生 app ，经常使用基于 “Tab页签 ”的导航结构。同时，在架构一个移动网站或应用时，没有 正确“ ”的方法。 相对的，让我们看看一些著名的设计模式：层级结构（ Hierarchy ）、集中和分发（ Hubspoke ）、 重叠放置（ Nested doll ）、页签视图（ Tabbed view ）、便当盒（ Bento box ）和过滤视 图