从Google移动网站设计原则来谈谈自适应网站开发

admin 2014 年 5 月 1 日 4 条评论 点击:1467

这两天,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、获取位置需说理由

4 条评论 添加你的评论

  • 1. 服装搭配技巧  |  五月 2nd, 2014 at 23:04

    又学到知识了。谢谢分享。也希望楼主有空去我网站玩玩。www.oradre.com

  • 2. 失败史  |  五月 10th, 2014 at 19:24

    这个算是移动端设计规范吗

  • 3. admin  |  五月 10th, 2014 at 21:07

    算是谷歌给出的一个准则吧。要说的话,移动端设计主要还得看用户体验吧。不太违背就行。。。

  • 4. 爱奇趣分享网  |  九月 12th, 2015 at 13:26

    网站不错,雁过留痕,欢迎互访!

留言评论

必填

Required, 保密

Trackback this post  |  Subscribe to the comments via RSS Feed