首页 > 运营干货 > 手机网上商城建设的技术盘点

手机网上商城建设的技术盘点

优社摘要:在移动电子商务的领域里,已经有了很多的先驱,近日来BAT因为移动端的撕逼大战也吊足了互联网的胃口。那么关于手机移动端的网上商城网站建设要怎么建设?优社商城系统小编今天就手机网上商城建设这个问题来一个技术盘点,谈谈触屏手机的网上商城该怎么设计,有...

在移动电子商务的领域里,已经有了很多的先驱,近日来BAT因为移动端的撕逼大战也吊足了互联网的胃口。那么关于手机移动端的网上商城网站建设要怎么建设?优社商城系统小编今天就手机网上商城建设这个问题来一个技术盘点,谈谈触屏手机的网上商城该怎么设计,有哪些问题要注意的。

建设手机商城不得不考虑手机端的网络

①GPRS  ②4G  ③WIFI

  从速度和资费来看,GPRS是最慢最贵的移动上网方式,该网络环境下页面瘦身无疑是最睿智的选择,建议页面文件大小不超过25K (GZIP后)具体测试数据不做赘述。 4G卡速度接近甚至有的超过WIFI上网速度,但同样存在资费问题。WIFI我们可以理解是移动终端通过无线路由连接固定宽带的一种上网方式,资费和速度等同于用PC访问网站的成本。

手机网上商城建设的技术盘点

手机网上商城建设需要注意系统的不同

①UI style  ②flash

iOS和Android OS在设计风格和交互上有较大差异,如果考虑一套UI同时适用多个平台,手机网上商城网站可跨平台使用,跟APP相比减少了开发和维护成本,在设计手机商城时要避免过大的风格偏差和交互上的冲突及误导。

iOS不支持flash,JAVA,SVG,Android OS支持flash10.1以上版本,设计手机商城网站建议使用GIF动画。

手机商城建设要了解移动端手机设备

①分辨率与屏幕尺寸   ②触屏机的交互特点   ③性能

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

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

来自一份关于触屏点击尺寸数据:

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

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

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

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

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

(版权申明:我们尊重每一位原创作者的心血,如文章涉及版权问题,请作者与我们联系,我们第一时间核实并处理。)