移动网页的设计原则
1、要为移动端的页面做好优化
移动网站需要考虑载体和流量的问题, 所以移动网站的内容是以简洁、精炼、明了为主, ,为了达到让访客一目了然的效果，不仅要确保PC网站的内容不变, 还需提炼PC网站上的精华。
2、要重新规划移动页面的显示形式
手机网页上的导航以两层以内为宜, 每层的导航内容以一屏之内可以显示为宜, 导航的形式以纵向排列或者九宫格图标排列为宜, 复杂网站可以加入搜索功能。手机用户希望快速解决问题, 所以尽可能直接展示给他们具体内容。不要使用鼠标悬停功能, 不要在手机网页的导航上使用过多的内容和层级等。
3、要为移动端的屏幕做好优化
移动网页要尽可能的速度快, 就必须压缩移动网页的大小, 为移动网页提供专门的小尺寸、经过压缩的图片内容, 尽可能减少背景图和小动画等装饰性、但在手机上效果不佳的图片素材的使用, 使手机网页能够更快的加载。用分步下载、提示加载状态等方式, 使用户感觉网页加载很快, 在等待的过程中有事可做, 或至少让他们安心等待。
4、要充分利用移动端的特性
允许用户直接在网页上拨打电话可以显著提升转化率, 并且中国用户更习惯于在电话中与人沟通, 而不是通过填表与机器沟通;显示电子地图和用户的定位信息, 能帮助用户更加直观的了解周围情况, 并进行位置导航;向用户提供分享的内容并鼓励用户进行一键社交分享, 能帮你赢得更多的客户;在页面提供下载安装你的手机应用的链接, 能增加手机应用的曝光度。
5、要为移动端做好多点触控优化
为按钮、菜单标签、链接等可点击界面元素设置合适的大小, 界面元素之间设置合适的间距。不要用较小的文字链接作为重要的功能或内容入口, 不要密集的堆放文字链接, 不要将重要的可点击界面元素做的过小、或放置在太过于靠近屏幕角落或边缘的地方。