这两天，Google 发布了由 Google 与 AnswerLab 联合打造，名为《Principles of Mobile Site Design: Delight Users and Drive Conversions》的移动网站设计原则白皮书。白皮书提到，为了愉悦用户和推动转化率，移动网站设计应该遵循 25 个设计原则。

25 个设计原则涉及到主页与网站导航、网站搜索、商务与会话、表单项、可用性等 5 个设计领域。

用户体验方面的东西，感觉主要还是多实践，比如开发出了，拿给生活中的朋友，亲人，给他们参考，让他们提出建议。切记不要总是以你自己一个专业人士的眼光来看待这个问题。

因为大部分用户都是非专业的，他们要求的就是简洁明了，不繁琐。

当前移动端的用户，千万不可小觑。也许你在你网站统计中仔细分析下，就会发现从移动端来的用户的比例。

这比例未来可能会占据到你网站所有用户的大部分比例。

因此，作为一个前端开发人员，如果您网站的PC端和移动端都没有独立分开的话，那么设计的时候考虑自适应就非常有必要了。

本人现在给客户的网站，基本都是自适应的，同时满足，PC\手机\PAD等浏览端

关于自适应网站主要的注意点有：

<meta name="viewport"

@media only screen and

device-aspect-ratio

等一些要素的应用。具体的介绍，谷歌、百度一下，资料一大堆。多操作几遍就熟悉了。

 

 

Google移动网站设计25个原则包括：

主页与网站导航

01、要求动作居前居中

02、菜单务必简洁明了

03、返回主页应当容易

04、促销不能喧宾夺主

网站搜索

05、网站搜索应易发现

06、确保搜索结果相关

07、过滤改善搜索结果

08、引导用户改善结果

商务与会话

09、提交前让用户探索页面

10、访客身份也能购买东西

11、利用已有信息提供便利

12、利用点击呼叫做复杂事

13、完成跨设备转换要方便

表单项

14、信息输入要求精简流畅

15、选择最简单的输入方式

16、用可视化日历输入日期

17、用标签与实时验证除错

18、设计高效表单

可用性

19、针对移动优化整站

20、别让用户缩放网站

21、产品图片应可扩展

22、指出最佳浏览方向

23、保持单个浏览窗口

24、不要放“全站”标签

25、获取位置需说理由