随着智能手机普及，大家上网的方式也从电脑端慢慢发展到了移动端，上网的第一选择变成了手机，不过由于移动端屏幕限制，所以做好手机网站的设计也是非常重要的。
用户会在各种环境下使用移动设备，所以任何影响用户交互的因素都非常重要，最好能够知道你的用户是在什么环境中使用移动设备的，不可能对各种环境进行同样的设计，比如添加语音辅助和亮暗变化非常有必要。
移动设备存在于我们的生活中，随之而来也为移动端设计带来了一系列新的限制和机遇，今天就让我们来看看移动设备环境如何影响着手机网站的设计？
一、移动端有何不同？
关于移动设计，我们最先需要了解的是它的不同之处，这并不仅仅指尺寸的不同。
移动设备的属性与规格也带来了不同的设计启示和要求。由于移动设备更轻更便携，我们通常觉得它们更便于使用。通过频繁使用移动设备，我们与它们之间建立了独特而富有情感的联系。
1、物理属性和特征
大部分移动设备都是触摸屏，用户依赖于手势——加上简单的界面元素进行交互操作。由于它们尺寸更小，我们有时希望它上面的内容结构更小更简洁（具体可查看马海祥博客《详解移动端设备页面尺寸设计原理》的相关介绍）。
同时，由于有限的带宽和连接速率，移动设备需要设计上充分利用加载时间，从而减少数据请求。
2、何时，何地，做什么？
由于我们不断地接触移动设备，我们倾向于更频繁地使用它们，无论是在公交车上，大街上，或者看电视时。
我们经常一边做事情一边使用它们，这意味着我们可能在困难的阅读环境下，或是各种干扰下使用移动设备。
3、我们的行为和感觉如何？
最终，我们在使用移动设备时产生了不同的态度，行为和优先顺序。“用户体验设计咨询公司Foolproof”在“GoingMobile”的研究中发现，这些设备给予我们一种对于“自由”和“控制”的新感觉。换句话说，一些用户对他们的移动设备产生了非常真实的感情。
经调查发现，63%的人在没有移动设备时感到失落，他们把移动设备看成是“活的”……是他们身体和人格的一种延伸。
由于移动设备已经从根本上改变了人们的预期，对于我们设计师而言，采用“以用户为中心”的设计思路来提供解决方案则显得尤为重要，唯一的问题就是我们的传统最佳实践可能不管用了。
二、移动环境如何影响着设计师们？
移动的不同直接影响着“以用户为中心”设计流程的方方面面：从用户研究到最终的开发测试，影响最大的是我们的分发方式和信息架构。
1、移动分发方式
不像传统网站，移动端有四大著名的分发方法，移动用户可以选择在他们的浏览器上查看内容，这些内容要么是针对移动端设计的网站，要么是响应式的——意味着它会针对移动端重新布局（具体可查看马海祥博客《响应式设计时代该如何进行网站设计》的相关介绍）。
还有一部分用户选择安装App，这些App要么是原生的，要么是混合的(原生+WebView)。原生应用有自我局限性：需要预先定制适配各种屏幕的应用，混合型应用则更灵活，它们从互联网上读取内容(就像在浏览器中看内容那样)，但提供给用户“像App那样的”界面。
每一种分发方式都有优缺点，可以根据你项目的设计背景进行合适的选择(上面的表格，星星越多越好)。
2、移动信息架构
移动设备也有它自己的信息架构模式。例如，响应式网站架构会遵循更多的“标准”模式，而原生app，经常使用基于“Tab页签”的导航结构。同时，在架构一个移动网站或应用时，没有“正确”的方法。
相对的，让我们看看一些著名的设计模式：层级结构(Hierarchy)、集中和分发(Hubspoke)、重叠放置(Nesteddoll)、页签视图(Tabbedview)、便当盒(Bentobox)和过滤视图(Filteredview)：
（1）、层级结构(Hierarchy)
层级模式是一种标准的网站架构，有一个主页和一系列子页面。如果你正在设计一个响应式网站，你可能会受限于这个模式。但是，引入额外的模式会使你根据移动端的经验进行裁剪。
LukeWroblewski的“移动优先”策略帮助我们优先
