网络信息时代高校移动网页的设计原则

随着计算机网络信息时代的迅速发展，现在已经有不少高校建立了自己的移动网站，简洁美观的展示界面，方便快捷的信息获取方式，通过移动端手机等无线终端，广大师生校友及社会公众就可以浏览学校的公告、新闻、活动、教育教学等消息，更可以通过移动终端在线申请报名、在线支付学费，在线办公等全方面的服务，让校友们感受到贴心的方便。文章就高校移动网页的设计原则做了阐述。

【关键词】信息时代 高校 移动网页

1 网络信息时代高校移动网页的分析

在智能手机开始普及的今天，手机网页通常意味着：较小的显示空间。即使有的手机屏幕分辨率已经与电脑屏幕分辨率相当，但是移动端屏幕的物理尺寸还是比电脑屏幕小很多。手指操作。用戶使用手指在手机屏幕上点、滑、按，进行多点触控操作。有限的网络速度。根据CNNIC于12年11月公布的《中国手机网民上网行为研究报告》，使用2G/2.5G、3G、Wifi上网的手机用户量分别为57%、30.4%、28.6%，大半用户还是在用低速网络上网，即使是3G用户，也常常因为网络状况不好而遭遇上网速度慢。融合手机特性。智能手机带来诸多便利，用户可以直接在网页上拨打电话、显示电子地图定位、进行一键社交分享、下载安装手机应用等。

2 移动网页设计的设计原则

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

建设PC网站不需要考虑流量问题，所以通过PC网站展示的图文内容会非常丰富，说明也会非常详细，而包括手机在内的移动网站则需要考虑载体和流量的问题，所以移动网站的内容是以简洁、精炼、明了为主，不仅要确保PC网站的内容不变，还需提炼PC网站上的精华，让访客一目了然。

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

为按钮、菜单标签、链接等可点击界面元素设置合适的大小，界面元素之间设置合适的间距。参考苹果、谷歌、微软、诺基亚各自的设计规范，可点击界面元素在屏幕上的实际显示尺寸不应小于9毫米、间距不应小于2毫米。可以请手指比较粗的男生和美甲的女生进行测试。不要用较小的文字链接作为重要的功能或内容入口，不要密集的堆放文字链接，不要将重要的可点击界面元素做的过小、或放置在太过于靠近屏幕角落或边缘的地方（不易点击）。

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

移动网页要尽可能的速度快，就必须压缩移动网页的大小，为移动网页提供专门的小尺寸、经过压缩的图片内容，尽可能减少背景图和小动画等装饰性、但在手机上效果不佳的图片素材的使用，使手机网页能够更快的加载。用分步下载、提示加载状态等方式，使用户感觉网页加载很快，在等待的过程中有事可做，或至少让他们安心等待。不要直接使用电脑网页的大图，不要让页面内容太多、加载缓慢，不要等到整个页面完全加载以后才显示给用户，不要在网页上使用手机浏览器不支持的内容、代码或插件，导致部分网页示出错或显示。

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

手机网页上没有鼠标悬停的状态，并且屏幕空间有限，无法像在电脑网页上那样同时看到多层、丰富的导航内容。手机网页上的导航以两层以内为宜，每层的导航内容以一屏之内可以显示为宜，导航的形式以纵向排列或者九宫格图标排列为宜，复杂网站可以加入搜索功能。手机用户希望快速解决问题，所以尽可能直接展示给他们具体内容，而不是强制他们必须通过导航选择。不要使用鼠标悬停功能，不要在手机网页的导航上使用过多的内容和层级，不要把在手机上重要的导航隐藏或显示在屏幕以外。

2.5 要充分利用移动端的特性

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

2.6 尽量少使用弹出窗口的页面

在中国，点击链接弹出新窗口的做法比较常见；但是因为在手机上进行多窗口操作比较困难，而且往往在多窗口切换的时候还会导致页面重新载入和等待，应尽可能避免在手机上不必要的弹出新窗口。不要使用弹窗广告、浮动窗口广告等。

2.7 要注意各种颜色在移动端上的显示效果

手机设备众多、对颜色的显示效果各不相同，并且手机使用的光线环境复杂，要注意使网页内容具有合适的视觉对比度（比如深色背景、浅色文字，或浅色背景、深色文字），以便阅读；要注意颜色显示色差带来的负面影响。不要以电脑上的视觉效果为准，必须在手机上测试效果，尤其是在不同价位、不同品牌的手机上测试。

2.8 要注意文字在移动手机上的显示效果

不同操作系统、不同品牌的手机往往内置不同的字体、拥有不同范围的字符集，需要确认网页文字所选用的字体、以及所用的文字是否能正常显示，尤其是繁体中文、特殊字符的内容。另外，文字内容尽可能精简，也会更适合手机阅读。不要默认文字在手机上和电脑上显示的效果会一样。不要认为用户一定会有耐心在手机上读一大段的文字、并从中看到你认为重要的关键内容。

2.9 要使手机和pc页面保持视觉感官的一致性

可以为手机网页做特别的、或符合手机操作系统规范的设计调整，但是必须让手机和pc网页保持视觉设计的一致性，以使用户获得一致的品牌印象，以及延续对网页功能和内容的整体认知、无需重新学习或寻找。不要在手机和电脑网页上使用不同的视觉设计风格，分裂用户印象和认知。

2.10 要考虑跨平台的跳转。

有的高校同时拥有pc、wap、微信应用，分别对应不同的用户使用情景，就需要考虑用户在这几个不同平台对应的产品之间跳转时的体验。不要让重要的功能在不同载体产品上的使用体验非常不同、甚至缺失，不要限制用户停留在手机网页上、而不能跳转到体验和功能更丰富的手机应用上。

3 结束语

总之，移动建站需要考虑各个方面的因素，应该根据高校的需求做出适当的调整，做出适合各个高校的移动网页，需要各个部门的共同努力，提高用户的体验度。

作者简介

骆海玉（1981-），男，河南省南阳市人，大学本科学历。现为南阳医学高等专科学校助理工程师，主要从事学校校园网的建设及维护工作。

作者单位

南阳医学高等专科学校网络中心 河南省南阳市 473000