致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网页设计 > 手机WAP网页设计的几点注意事项

手机WAP网页设计的几点注意事项

 

    随着智能手机的普及,人们对手机的应用就不仅仅只是停留在接打电话,发送短信的功能的应用了。现代商业网站要想在移动互联网领域获得很好的成就,就必须首先做好适合手机浏览的WAP网页。网络上关于手机WAP网页设计的资源和模板比比皆是,在这里就不做详细讲述了,本文着重阐述我们在设计手机WAP网页的时候要注意的一些问题。
 
    手机浏览可用性
 
    手机浏览可用性包含几个层次,不过用户是不会发现是哪个层次导致可用性问题的。对于终端用户,手机浏览是一个整体的体验,所有层次都必须无缝配合以提高可用性。
 
    在手机设备设计过程中,浏览器应用的重要性决定了硬件设计以及整体UI风格。如果是触摸屏且有手写笔,那么浏览器交互会容易多。另外完整的QWERTY键盘也让用户可以输入网址以及填写表格。如果不将浏览作为主要应用,那么手机设备必须轻巧,从而能够满足一只手使用的需求。在一些非触摸屏设备上,浏览器主页上必须有几个关键性的键,还有网络连接状态以及最重要的回退功能。
 
    小屏幕的手机浏览器设计比较困难。同时大多数手机设备在不同国家都有使用,所以理解不同手机浏览文化的差异以及理解目标用户的手机浏览体验变得尤为重要。一个好手机浏览器必须能够承载所有类型的内容,不仅是专门为移动设备优化的内容而且还包括为PC屏幕设计的网页内容。
 
     内容人员和浏览器开发人员都需要理解移动环境属性和移动状态下的用户需求,而且必须测试自己的产品在移动环境下的效果,要分清楚哪些功能可以在实验室里测试,而什么内容是必须在移动环境下测试的。我们一直在做用户在手机上的注意力分配以及浏览器交互行为等等方面的用户研究。
 
     在移动状态下浏览完整网页
 
    针对手机用户优化的服务要求研发人员需要确定移动状态下的用户在手持设备上的需求。许多服务往往跟地点有关,比如旅游信息或者地图;与时间有关,比如列车时刻表;或者是非常个人化的需求,必须最喜欢的酒吧等等。这就要求服务必须具有灵活性,基于不同因素而变化。
 
    1、原始布局
 
     由于狭窄布局存在很多可用性方面的问题,所以很多浏览器还提供原始布局页面模式,这很类似在PC上,让用户根据内容来选择不同的视图模式,原始布局中,大图片细节和表格的效果会更好,同时如果用户知道PC上的网站的结构,那么就很容易找到自己所需要的内容。
 
    当然原始布局并非什么问题都没有。最糟糕的就是阅读宽文本内容,会很费力。用户每次都得向前向后拉动滚动条。另外由于页面很大,所以需要滚动的地方也越多。
 
    2、理想布局
 
    很明显,小屏幕手机上的页面浏览仍需要很多改进和革新。如果想让自己的网站在小屏幕上具有可读性,可以遵守以下3个指导建议:
 
    a.避免那些一眼就能看出来的大物体; 
   
    b.避免在图片上使用小文本; 
 
    c.页面要轻化。
 
    3、狭窄布局
 
    在小屏幕上显示大的web页面仍旧需要一些信息视觉处理方法。目前一些浏览器采用狭窄布局作为默认查看模式,Opera将其称为小屏幕渲染,NetFront将其称为SmartFit,我们称之为狭窄布局,因为整个内容的显示窄且长,并且所有内容都做了简化以符合屏幕宽度。
 
    一个典型的Web页面中,最左边往往有很多链接,主要内容显示在页面中部。在狭窄布局中,用户必须滚过这些链接,才能看到主体内容。不过在浏览一个网站时,这些链接多数情况下是不相关,用户会变得很生气。还有一个相关的问题就是,一个网站的任何页面的上端往往很类似,用户会弄不清楚自己在哪个页面,所以如果这些链接中包含用户已经点击过的,那么用户很有可能再点击这些链接。我们遇见过很多用户由于这个问题而放弃阅读,他们会说浏览器坏掉了。
 
    当然,以上所讲的几点问题只是一些概括性的总结,我们在设计具体的手机WAP网页的时候,还要灵活运用,有很多细节的问题还是要注意的。