0898-66667702
腾翔创奇

腾翔创奇坚持做有用的网站,追求能给客户的使用价值,立志做有长远企业,经过几年的努力已发展成为网站建设行业的佼佼者,
腾翔创奇是有科学管理、有技术的网站建设公司

当前位置:首页 > 移动应用 > 触屏版手机网站开发 > 内容

触屏版手机网站开发IT777.COM

触屏版手机网站与非触屏手机网站(传统WAP网站)区别在于:前者使用手指点击注重点击体验;而后者是使用手机物理按键注重选取规则。随着触屏手机屏幕增大和多点触控功能的普及,需要手机网站可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm,所以各大门户和电子商务网站都分别推出适应高端手机(如:iphone、samsung、HTC等手机)的触屏版手机网站。

触屏版手机网站与Web App应用程序(云网站+APP客户端)的区别在于:前者不需要下载和安装任何客户端软件,直接基于浏览器访问,是跨平台和跨设备的,而后者需要下载和安装APP客户端后,与云网站进行数据交互,其核心区别就是是否安装客户端。

查看三者间详细区别,请参考:WAP网站、触屏网站、手机APP应用的区别

腾翔创奇新推出双模式网站,请参考:电脑、手机双模式网站建设

01
触屏版手机网站开发
触屏版移动网页交互设计特点

触屏手机网站也有两种操作形式:用手指直接操作或者用笔操作。但是当前的屏幕发展及推出的机型来看,主要会针对用手指直接来操作。如果用户操作后,有屏幕的力反馈,则效果会更好,触屏版网站具有以下特点:

1)按键范围:操作对象的大小符合手指的操作,按键的大小设置规范:

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

 * 拇指点击8*8 mm,2mm间距,当前推荐的值为9mm 大小

* 当然一些重要操作,或者频繁点击的区域可以设置的略微更大一些。

2)单手操作:由于单手操作时,只能使用拇指操作,因此,使用最频繁的按钮大小必须根据拇指的大小来设置;拇指辐射的范围主要在屏幕的底部,因此需要把这些操作放在稍微靠下面的位置更好。

3)信息显示:大屏幕可以显示更多的内容,但是避免信息显示过于拥挤。

4)手势定义:当前手机上我们可以看到一些基本的手势操作,如拨动、拖拽、双指放大

02
触屏版手机网站开发
基于HTML5的手机WEB(触屏网站)应用趋势

随着智能手机、平板电脑等各种移动终端越来越普及,移动互联网的应用也变得越来越多样,但无论技术、产品如何演进,最终的目标只有一个——让各种移动终端的用户能够享受到更好的移动互联网和应用体验。企业和网站推出HTML5版手机网页正是基于对移动互联网技术趋势的敏锐判断和“以用户体验为终极目标”的价值观。

和目前流行的各种App相比,基于HTML5技术的触屏版网站在使用和操作上更加便利,它无需下载安装,为用户节约了宝贵的带宽流量和内存空间,从无休止的软件升级中解放出来,同时也避免了在多达几屏幕的小图标中来回寻找所需应用程序的痛苦和焦虑。

腾翔创奇在触屏版设计开发过程中有节制地使用了HTML5技术,并综合了WAP页面的轻量级和App的交互性,确保无论是在高带宽的Wi-Fi环境还是低速的2G移动网络中,用户都能通过触屏版快速、流畅、安全地完成网络应用和信息浏览。

很多用户体验细节方面,新的触屏版手机网页都有很大的提升。比如,跟过去的wap页面相比,现在wap页面的列表不再通过单纯文字链的方式来展现,而是采用了和iPhone客户端一致的信息摆放,可以达到与客户端一致的浏览效果。触屏版页面还充分考虑了用户移动端的多样性,可以在多种不同尺寸的屏幕上自动适应展示界面,无论是使用ipad,还是iphone的移动用户,都可以达到很好的体验效果。同时,采用了新技术的触屏版页面还有此前wap版不具备的圆角、颜色渐变等效果,既不失页面的美观,又为用户节省了流量,给用户带来了很好的视觉体验。

业内分析人士指出,以触屏版页面为代表手机WEB网站应用是移动互联网的下一个热点,HTML5网页架构技术也将毋庸置疑地成为移动互联网的主流趋势和重要推动力。作为海南领先的互联网营销企业,海口腾翔创奇公司在趋势判断、技术研发和用户体验等方面都积累了丰富的经验,同时又有自己独到的理解和独特的做法,正是对用户体验的不懈追求,推动着腾翔创奇在技术、应用和产品层面不断创新,持续引领海南电子商务和网络营销的技术发展趋势,积极探索移动电子商务和移动互联网营销新形态。

tongji