留意细节提高手机网站开发体验

    手机网站开发现在很流行，很多人认为手机网站与网页网站相比会更加容易，随便制作一下就能完成。虽然道理是这样，但是手机屏幕和网页屏幕还是有所区别，开发者在设计的时候要能考虑其中的差异，给用户带来良好的体验感。为此一品威客网小编建议留意细节提高手机网站开发体验。
    如果你想做一个手机网站，根据小熊多年的经验，在这里告诉你一些手机网站开发制作的细节，提高用户体验。

    1、考虑触屏的用户的操作习惯。字体大小，按钮间距等。

    2、网页编码最好要用UTF-8

    因为多数手机都是国外产的(即使是山寨手机，也用的是老外做的浏览器)，所以编码问题，一定要选择UTF-8，否则，到时候乱码来临你哭都来不及。

    3、屏幕宽度要设置为100%

    手机屏幕现在千差万别，再也不是以前那样千篇一律的230像素宽，或者是统一的iPhone的宽度320px。所以我们在做网页的时候，屏幕宽度一定要设置为100%。只是在正文内容 要控制，比如你的图片的宽度，不要错过320像素。

    4、不要用太炫的JS效果，关键的服务和功能最好不要用JS来实现。

    尽管现在多数智能手机都支持javascript，但是还是要考虑到在手机不支持JS或者手机禁用js的情况，关键功能要能正常使用。

    触屏手机网站建设技术总结

    一、设备

    ·分辨率与屏幕尺寸

    ·触屏机的交互特点

    ·性能

    a. 手机的硬件和网络环境与PC相比还有较大差距,因此手机网站需要高度优化页面性能:尽量控制页面文件大小,避免使用过多图片,规范html和css css压缩工具,尽量减少服务器请求,使用css spirit 某些特定css 可直接写在页面文件里。

    b. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*320、960*640,屏幕的物理尺寸都是3.5英寸,Android由于是开源系统,生产商诸多,导致分辨率,屏幕尺寸非常多,但目前主流的分辨率为:480*320、800*480,根据以上情况推荐以480*320为标准设计,(客户端则推荐以大分辨率来设计,)同时考虑横屏情况下的自适应。

    c. 触屏手机的特点是直接通过手指操作对象,因此需要为网站设定一个理想的行高来满足手指的触摸点击。

    来自lukew.com 的一份关于触屏点击尺寸数据:

    食指点击的间距约为7*7 mm,1mm间距。

    拇指点击的间距约为8*8 mm,2mm间距, 当前推荐值为9mm,最小应不小于7mm。

    列表选项之间距离最小应不小于5mm。

    在设计过程中需要将毫米换算成像素,不同尺寸的屏幕分辨率换算的结果也不一样,换算方法详见(DPI和像素、厘米、英寸之间的关系和换算及CSS中的长度单位) 笔者认为:可按5mm为最低标准设计,使用率较高的可根据测试情况加大。

    二、针对于移动网速慢的问题

    1、紧凑化Css、JavaScript、Html等文件

    2、尽量控制网站的大小。适当的压缩图片,减少大图及图片的使用

    3、开启服务器端压缩

    4、使用浏览器的缓存功能

    综上所述，关于留意细节提高手机网站开发体验就是这些，不同手机网站开发需求不同，要求也会不一样。一品威客网为广大企业、商家、个人，提供vi设计、建筑设计、起名改名、计划文案、网站建设、营销推广等服务。只要能通过网络解决的任务，都可以在一品威客网注册发布。