在手机网页越来越普遍的今天,网页设计要考虑到因素会有很多。专门的开发手机应用自然是一个不错的方案,但毕竟耗费精力,况且还需要针对不同设备进行开发与维护。开发移动版网页是另外一个不错的选择。这件事情看起来是简单,但是也有许多细节和门道。Useit 网站最近一段时间的一篇文章对手机版网页设计的探讨值得参考。
然后Useit对网页进行了重新的设计,首先要突出的一点是图片,读图比读文字更加直观,特别是对于一个报道明星新闻的网站。其次就是信息量加大:删除了无用的分类与标签,以关键语句为读者展现文章的要点,浏览更高效。Useit 对网页做出的其它的改进还包括:更大的触控空间:原先的文章区块可触控部分比较多,例如标题右上角的下拉三角,触控范围较小,可用性低。改进之后整个文章色块都是触控区域,更加适合手持设备。完整标题:这样能够展现更多信息以供读者选择突出内容:标题中每个明星的姓名都加重突出更大的触控空间:原来的文章区块可触控部分比较多,比如标题右上角的下拉三角,触控范围较小,可用性低。改进后整个文章色块都是触控区域,更加适合手持设备。改进顶部导航栏:原来的导航栏中,分类和搜索都在右上角,容易误触,改进后的页面里分类与搜索拉开了距离,而且分类加上了文字描述,更易发现。日期做为分界线:节省屏幕空间,更有条理的展示内容。移动设备由于屏幕较小,对于设计的要求往往更高,所谓细微之处见技巧,这个案例足以证明。设计上的受限越多,你越需要改进用户界面,以提供最优的可用性。移动设备是一个极为受限的设计问题。
在设计手机网页的时候还需要注意与HTML 编写的内容相比,WML消耗的内存与CPU时间更少,因此,WML更加适合移动电话等手持移动设备。HTML的语言写出的内容,在电脑上用浏览器进行阅读而WML语言写出的文件则是专门用在手机上的,就需要使用手机中的WAP浏览器来阅读。WML也向使用者提供人机交互的界面,接受使用者输入的查询等等信息,然后就向使用者返回他所想要获得的最终信息。手机的操作系统。wap网站,把会员系统极大的精简了,有的干脆放弃了会员系统。同时我们在手机上面浏览视频,听歌,购物,通常都是在手机APP(手机应用)上面实现的,很少登陆手机浏览器。wap网站可能会遇到兼容问题。手机网站在安卓2.2和安卓4.1,或3.8寸屏幕和5.0寸屏幕上面,展现的效果也不一样。