Google移动网站设计原则

d9c228cd1b766aea640121145b9c86d0

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

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

主页与网站导航

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

这些最佳实践指导应该对设计出优秀的移动网站大有裨益,感兴趣者可到此处(或者这里)下载白皮书。

 


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流