手机网站建设移动网页设计原则（上）

发布：2019-03-18 13:00:28 浏览：4670

移动网页的设计原则

1、要为移动端的页面做好优化

移动网站需要考虑载体和流量的问题,所以移动网站的内容是以简洁、精炼、明了为主,,为了达到让访客一目了然的效果，不仅要确保PC网站的内容不变,还需提炼PC网站上的精华。

2、要重新规划移动页面的显示形式

手机网页上的导航以两层以内为宜,每层的导航内容以一屏之内可以显示为宜,导航的形式以纵向排列或者九宫格图标排列为宜,复杂网站可以加入搜索功能。手机用户希望快速解决问题,所以尽可能直接展示给他们具体内容。不要使用鼠标悬停功能,不要在手机网页的导航上使用过多的内容和层级等。

3、要为移动端的屏幕做好优化

移动网页要尽可能的速度快,就必须压缩移动网页的大小,为移动网页提供专门的小尺寸、经过压缩的图片内容,尽可能减少背景图和小动画等装饰性、但在手机上效果不佳的图片素材的使用,使手机网页能够更快的加载。用分步下载、提示加载状态等方式,使用户感觉网页加载很快,在等待的过程中有事可做,或至少让他们安心等待。

4、要充分利用移动端的特性

允许用户直接在网页上拨打电话可以显著提升转化率,并且中国用户更习惯于在电话中与人沟通,而不是通过填表与机器沟通;显示电子地图和用户的定位信息,能帮助用户更加直观的了解周围情况,并进行位置导航;向用户提供分享的内容并鼓励用户进行一键社交分享,能帮你赢得更多的客户;在页面提供下载安装你的手机应用的链接,能增加手机应用的曝光度。

5、要为移动端做好多点触控优化

为按钮、菜单标签、链接等可点击界面元素设置合适的大小, 界面元素之间设置合适的间距。不要用较小的文字链接作为重要的功能或内容入口, 不要密集的堆放文字链接, 不要将重要的可点击界面元素做的过小、或放置在太过于靠近屏幕角落或边缘的地方。