创新尝试HTML5技术 手机腾讯网展锋芒

2012-08-24 11:36:19 | 作者: 来源:

【编者按】手机腾讯网在无线互联网中崭露锋芒,率先在HTML5领域进行不断的尝试,同时借力奥运,多款webapp同时上线。

 

  随着无线互联网的不断革新,手机终端性能的品质提升,HTML5的大潮也来势汹汹加入了科技变革的队伍里。各种的HTML5应用程序,将与原生程序展开一场桌面角逐。手机腾讯网在无线互联网中崭露锋芒,率先在HTML5领域进行不断的尝试,同时借力奥运,多款webapp同时上线。

  终端的产品开发成本相对过高,而且需要基于类似于AppStore等商店下载中心进行更新及下载,商业化道路也会受制于各大商店运营商。所以HTML5更便捷与开发和用户使用,同时对于渠道和平台移植的要求成本也大大降低。不难看出,腾讯在无线互联网的发力趋势,2012伦敦奥运是剧目关注的焦点,配合奥运期间的关注热度投放webapp,一方面增加了用户对整体报道浏览的新鲜尝试,另一方面也有了庞大市场及产品调研基础,可谓是用心良苦。

  无线的HTML5化将是必然的发展趋势,各大门户在去年也均已为触屏手机开发了新触屏版页面访问。近日手机腾讯网大幅改版,不但增加了整体页面的多样性和新的交互方式,而且在原有的基础上进行了承载成本的缩减开发,让用户在同样流量的承担下,可以阅读更的多内容。另一方面,爱直播、悦图等webapp的上线,也是对触屏体验进行了新的革新尝试。

  

1.jpg

 

  不难看出,手机腾讯网在不断的HTML的全量全站化。视觉上采用轻量化原则,层次感鲜明,色彩沿用腾讯的主色调,同时减轻了用户在UI上的加载负担,一定程度上优化了页面的加载速度,对于触屏手机屏幕、原生浏览器、及第三方浏览器的适配也做了细心的处理。

  浏览速度上的优势就是无线互联网的利刃,在网络带宽有限的条件下,页面打开的速度越快,给予用户的负担量也就越小,受青睐的偏爱性就越强。触屏的体验不同于过于wap2.0的时代,用户会对UI的色彩,交互的方式以及页面的展现方式有更多的要求。但复杂的交互方式同样又是影响加载速度的障碍,手机腾讯网在解决流量与交互的冲突上也着实做了不少工作。

  

2.jpg

 

  此次为奥运上线的名叫“爱直播”的webapp也是创新的一大亮点。独立的直播体系展现于整个手机腾讯网的浏览之外,又与整体内容相辅相成。不仅可以在线阅览和参与直播互动,用户更可以独立的将其存为桌面图标,作为一个应用来使用。

  爱直播交互方式的大胆创新,直播大厅的分栏点击操作展开、日历的滑动切换、以及直播间中的tab切换,让它看起来更像一个手机原生应用。一般HTML5网页对于屏幕都采用扩展延伸的方式来呈现更多的东西,而爱直播却将整体的框架固定在了手机屏幕上,但在UI的展现上,并未呈现拥挤等现象,也让用户不会在繁乱的按钮当中误点其他非意愿功能操作。

  

3.jpg

 

  仔细观察的话,会发现爱直播大致分为两类,一种是“对抗类”比赛,一种是“非对抗类”的直播内容。其中“对抗类”的内容将对抗的队伍信息、比分、相关内容以及投票全部置于应用顶部,方便用户查询和选择自己支持的队伍,而中部的直播内容区域留白得当,避免了因内容过多而导致的视觉疲劳,整体排版得体舒适。

  细心的用户还会发现,为了让用户避免视觉影响而导致观看不顺畅,爱直播顶部的状态栏是做了功能附依的。点击那个三角标志的区域,整个的头部信息框架会全部收起,扩大整个页面的阅读区域,这种细心的设计不但满足了用户对阅读页面的要求,另一方面也可以避免页面呆滞而产生的疲劳感。

  最新推出的“悦图”栏目,便是个比较强劲的webapp应用。有别于传统的网页浏览之外,悦图是采用最新的HTML5技术,结合高质量图片和触屏阅读模式,打造出的在线图片阅览应用。高清大图的阅读模式,简约清爽的界面体现,方便快捷的操作方式,尽显HTML5技术的卓越魅力。

  悦图并没有采用繁杂的瀑布流概念,而是使用了传统的纵向排列方式,一方面减轻了瀑布流对流量的冲击,二来方便了用户从阅读的角度去筛选图片。悦图将各种图片分门别类,以最明了的形式区分图片类型,用户可以很直观的寻找到自己喜欢的栏目或者想看的图片。

  悦图在不同的栏目中,采用了不同的展现方式。从视觉上避免了分类栏目同样的展现形式的混乱性,加上不同的展开动画,又使得整体页面动感十足。而且,同一分类中,封面预览图的呈现方式也有不同的形式,这种效果,保证了整体页面在清晰简单的同时并不单调枯燥。值得一提的是,悦图在菜单上也进行了加工,从传统并排模式菜单改变成隐藏式菜单,方便用户调出列表,方便找到想浏览的分类。

  

4.jpg

 

  读图时代,速度当先,这是制胜的关键。

  手机腾讯网此次正文页的改版也是全站HTML5化的一个重要标识。新型的导航样式采用了滑动切换的手势效果,一改传统网页繁重的导航系统,更加轻量化的明示用户所在的内容层级,也减轻了“返回”的操作负担。

  在视觉展现上,同时设计了正常版、夜间版和强光版三种色彩,让用户可以在不同的场景下切换不用的阅读效果,以减少光照对于阅读的阻碍。同时,整体页面搭配将图文更分明的排列开来,增加了阅读的流畅性,其体验堪比同类桌面应用及原生阅读器的效果。

  此次手腾新正文页的改版,去除了传统正文底部淀冗的做法,将页面中与文章无关的内容做了新的排列和整理,这种大胆的尝试减轻了用户在阅读时的干扰,也为页面的承载量做了瘦身。

  HTML5的时代已经来到,在这种来势汹涌的浪潮中,无线互联网将有面临更大的冲击。手机腾讯网作为无线互联网的龙头,想必也会披荆斩棘,以最新最优最快的体验来更大的满足用户和丰富市场。未来的无线互联网将会是什么样子?让我们试目以待。

更多

快讯

三言智创(北京)咨询有限公司企业文化