移动端设计与传统桌面端设计的不同之处-.pdfVIP

移动端设计与传统桌面端设计的不同之处?

本店铺导读：本文从设计人员的角度出发，提出了移动端设计与

传统桌面端设计的不同之处，同时归纳总结并比较了多种主流的设计

模式和信息架构，旨在帮助设计、产品、开发相关人员更好的思考移

动端设计。分享给大家，希望有所帮助和启发。

大约在1993年，我父亲带回家一部体型硕大、形似砖头的移动

电话。当时，我们全家人都对这个稀物表示难以置信的兴奋，但是没

有人会认为它会对我们的生活产生巨大影响。几年后，当我的一些朋

友决定购买它时，我仍然会把它看作是一种花样和噱头。

如今全世界共有60亿移动订阅用户，意味着如果人手一部移动

电话，那么世界上87%的人便拥有移动电话。然而，将近有30亿人

使用台式电脑，这和移动电话使用情况差别很大。

移动设备存在于我们的生活中，随之而来也为移动端设计带来了

一系列新的限制和机遇。让我们来看看设计方法会如何得以更新。

移动有何不同?

关于移动设计，我们最先需要了解的是它的不同之处，这并不仅

仅指尺寸的不同。移动设备的属性与规格也带来了不同的设计启示和

要求。由于移动设备更轻更便携，我们通常觉得它们更便于使用。通

过频繁使用移动设备，我们与它们之间建立了独特而富有情感的联

系。

第1页共6页

物理属性和特征

大部分移动设备都是触摸屏，用户依赖于手势——加上简单的界

面元素进行交互操作。由于它们尺寸更小，我们有时希望它上面的内

容结构更小更简洁。同时，由于有限的带宽和连接速率，移动设备需

要设计上充分利用加载时间，从而减少数据请求。

何时，何地，做什么

由于我们不断地接触移动设备，我们倾向于更频繁地使用它们，

无论是在公交车上，大街上，或者看电视时。我们经常一边做事情一

边使用它们，这意味着我们可能在困难的阅读环境下，或是各种干扰

下使用移动设备。

我们的行为和感觉如何

最终，我们在使用移动设备时产生了不同的态度，行为和优先顺

序。“用户体验设计咨询公司Foolproof”在“GoingMobile2022”

的研究中发现，这些设备给予我们一种对于“自由”和“控制”的新

感觉。换句话说，一些用户对他们的移动设备产生了非常真实的感情。

Foolproof发现，63%的人在没有移动设备时感到失落。他们把移动

设备看成是“活的”……是他们身体和人格的一种延伸。

由于移动设备已经从根本上改变了人们的预期，对于我们设计师

而言，采用“以用户为中心”的设计思路来提供解决方案则显得尤为

重要。唯一的问题就是我们的传统最佳实践可能不管用了。

移动(环境)如何影响着设计师们

移动的不同直接影响着“以用户为中心”设计流程的方方面面：

第2页共6页

从用户研究到最终的开发测试。影响最大的是我们的分发方式和信息

架构。

移动分发方式

不像传统网站，移动端有四大著名的分发方法。移动用户可以选

择在他们的浏览器上查看内容，这些内容要么是针对移动端设计的网

站，要么是响应式的——意味着它会针对移动端重新布局。还有一部

分用户选择安装App，这些App要么是原生的，要么是混合的(原生

+WebView)。原生应用有自我局限性：需要预先定制适配各种屏幕的

应用。混合型应用则更灵活，它们从互联网上读取内容(就像在浏览

器中看内容那样)，但提供给用户“像App那样的“界面。

每一种分发方式都有优缺点。可以根据你项目的设计背景进行合

适的选择。(下面的表格，星星越多越好)

移动信息架构

移动设备也有它自己的信息架构模式。例如，响应式网站架构会

遵循更多的“标准”模式，而原生app，经常使用基于“Tab页签”

的导航结构。同时，在架构一个移动网站或应用时，没有“正确”的

方法。相对的，让我们看看一些著名的设计模式：层级结构

(Hierarchy)、集中和分发(Hubspoke)、重叠放置(Nesteddoll)、

页签视图(Tabbedview)、便当盒(Bentobox)