移动端设计与传统桌面端设计的不同之处?|运营学社

小编导读：本文从规划人员的视点动身，提出了移动端规划与传统桌面端规划的不同之处，一同概括总结并比较了多种干流的规划形式和信息架构，旨在协助规划、产品、开发相关人员更好的考虑移动端规划。共享给咱们，期望有所协助和启示。

大约在1993年，我父亲带回家一部体型硕大、形似砖头的移动电话。其时，咱们全家人都对这个稀物表明难以置信的振奋，可是没有人会以为它会对咱们的日子发生巨大影响。几年后，当我的一些朋友决议购买它时，我依然会把它看作是一种把戏和噱头。

现在全世界共有60亿移动订阅用户，意味着假如人手一部移动电话，那么世界上87%的人便具有移动电话。可是，将近有30亿人运用台式电脑，这和移动电话运用情况不同很大。

移动设备存在于咱们的日子中，随之而来也为移动端规划带来了一系列新的约束和机会。让咱们来看看规划办法会怎么得以更新。

　移动有何不同?

关于移动规划，咱们最早需求了解的是它的不同之处，这并不仅仅指尺度的不同。移动设备的特点与规范也带来了不同的规划启示和要求。因为移动设备更轻更便携，咱们一般觉得它们更便于运用。经过频频运用移动设备，咱们与它们之间建立了共同而赋有情感的联络。

　　物理特点和特征

大部分移动设备都是触摸屏，用户依赖于手势——加上简略的界面元素进行交互操作。因为它们尺度更小，咱们有时期望它上面的内容结构更小更简练。一同，因为有限的带宽和衔接速率，移动设备需求规划上充分运用加载时刻，然后削减数据恳求。

　　何时，何地，做什么

因为咱们不断地触摸移动设备，咱们倾向于更频频地运用它们，无论是在公交车上，大街上，或许看电视时。咱们常常一边做事情一边运用它们，这意味着咱们或许在困难的阅览环境下，或是各种搅扰下运用移动设备。

　　咱们的行为和感觉怎么

终究，咱们在运用移动设备时发生了不同的情绪，行为和优先次序。“用户体会规划咨询公司Foolproof”在“Going Mobile 2012”的研讨中发现，这些设备给予咱们一种关于“自在”和“操控”的新感觉。换句话说，一些用户对他们的移动设备发生了非常实在的爱情。Foolproof发现，63%的人在没有移动设备时感到丢失。他们把移动设备看成是“活的”……是他们身体和品格的一种延伸。

因为移动设备现已从根本上改动了人们的预期，关于咱们规划师而言，选用“以用户为中心”的规划思路来供给解决计划则显得尤为重要。仅有的问题便是咱们的传统最佳实践或许不论用了。

　　移动(环境)怎么影响着规划师们

移动的不同直接影响着“以用户为中心”规划流程的方方面面：从用户研讨到终究的开发测验。影响最大的是咱们的分发办法和信息架构。

　　移动分发办法

不像传统网站，移动端有四大闻名的分发办法。移动用户可以挑选在他们的阅读器上检查内容，这些内容要么是针对移动端规划的网站，要么是呼应式的——意味着它会针对移动端从头布局。还有一部分用户挑选装置App，这些App要么是原生的，要么是混合的(原生+WebView)。原生运用有自我局限性：需求预先定制适配各种屏幕的运用。混合型运用则更灵敏，它们从互联网上读取内容(就像在阅读器中看内容那样)，但供给给用户“像App那样的“界面。

每一种分发办法都有优缺点。可以根据你项目的规划布景进行适宜的挑选。(下面的表格，星星越多越好)

　　移动信息架构

移动设备也有它自己的信息架构形式。例如，呼应式网站架构会遵从更多的“规范”形式，而原生app，常常运用根据“Tab页签”的导航结构。一同，在架构一个移动网站或运用时，没有“正确”的办法。相对的，让咱们看看一些闻名的规划形式：层级结构(Hierarchy)、会集和分发(Hub&spoke)、堆叠放置(Nested doll)、页签视图(Tabbed view)、便当盒(Bento box)和过滤视图(Filtered view)：

　　层级结构(Hierarchy)

　　层级形式是一种规范的网站架构，有一个主页和一系列子页面。假如你正在规划一个呼应式网站，你或许会受限于这个形式。可是，引进额定的形式会使你根据移动端的经历进行裁剪。

Luke Wroblewski的“移动优先”战略协助咱们优先重视首要方针：功用和用户操作途径将会协助咱们打造杰出的用户体会。

合适：关于需求根据桌面网站架构进行规划而言，可以很好的安排杂乱的网站结构。

留神：导航。当用户运用小屏幕时，多层导航架构会引起问题。

　　会集和分发(Hub&spoke)

　　会集和分发形式会在导航时给予你一个中心索引。这是苹果iPhone的默许导航形式。用户不能在不同子栏目中进行跳转，有必要回到索引页面。这种形式在作业流程受限的桌面软件上运用很久了(首要因为技能约束，像表单或许购买流程)，可是，因为用户在移动场景上会重视于一个使命(除了设备的组成元件之外)，这种规划正变得愈加遍及，而大局导航在这种情况下会很难用。

合适：多功用东西，每个功用有一个独立的内部导航和方针。

留神：用户想要多使命时。

　　堆叠放置(Nested doll)

堆叠放置形式让用户以线性办法检查具体内容。当用户走失时，这种规划能快速和方便地为用户导航。它也给用户一种激烈的感觉，经过向前和向后的操作，告知他们处于整个内容结构中的方位。

合适：有着单一的，或许相关论题的App或许网站。也能用于其他父级形式中的的子形式，如规范层次组织形式或会集&分发形式。

不合适：无法快速在不同模块中切换的用户，此类用户期望这样做来判别是否某一模块合适他们，而不是把模块作为阅读内容的妨碍存在。

　　页签视图(Tabbed view)

　　这种形式关于惯例app的用户而言非常了解。它经过一个东西条菜单将一组区块组合在一同，然后答运用户在初次运用时快速阅读和了解app的悉数功用。

合适：根据东西的app，多使命，且主题类似。

留神：杂乱的。这种形式合适简略内容结构的运用。

　　便当盒(Bento box)

　　便当盒，或仪表盘形式，经过运用组件展现相关东西或内容的一部分，直接在首屏就可以带来更具体的内容出现。因为它的杂乱性，比较手机端，这种形式更合适于平板。因为答运用户对要害信息一望而知，这种形式显得很强壮。可是，其也严峻依赖于规划杰出，信息出现明晰的界面。