- 按钮或者触摸区域至少44px*44px大小
- body的字体大小最小14px
- 文本内容的行高至少1.5
- 网站的所有地方都要对触摸友好
- hover隐藏的内容也要在移动端能显示
- 确保网站在横屏和竖屏都能正常显示
- 确保常用的触摸操作落在最容易触达的区域
- 为常用的移动操作优化导航
- 将非核心的菜单移到底部
- 保证页面上下文足够清晰
- 引入一个主屏幕图标(logo)
- 将图片上面的文字移除
- 用矢量图标替代图片
- 保证图片是高分辨率/Retina质量
- 推荐图片在相应页面突出
- 确保滚动图片是可以滑动的
- 用CSS来实现按钮而不是图片
- 确保折叠显示的内容不会盖在别的内容之上
- 确保表单使用正确的input type
- 表单尽可能简短
- 表单区域关闭自动更正单词(autocorrect)和自动大小写(auto-capitalize)
- 在适当的地方使用device API
- 行动召唤按钮使用描述信息
- 确保转换路径上的行动召唤符合常见的设计方案
- 确保你的网站在3G环境下3秒内能加载完!
转载:http://qianduan.us/p/142