jQuery Mobile在微信建站方面的应用

感谢这个不断变革的时代,让我这个三十六岁的IT老兵重新拾起武器开始微信建站,拥抱移动互联网。大概有两年多的时间已经没有正式参与建站工作了,原本我们自己服务网站也是我意气风发时的得意之作,但移动互联网的发展速度太惊人了,手机浏览器和手机平台本身的特性,让原本面向PC端用户设计的网站变得并不太友好,所以为了让网站保持活力和竞争力,我毅然决定重构网站。还好有jQuery Mobile让我在短时间内完成了基于移动客户端网站重构。虽然只是基础层面的应用,但已经可以满足用户和网站管理的要求,毕竟技术永无止境,对技术的过于痴迷或给网站添加过于花哨的功能,都是以牺牲易用性为代价的,这会让网站陷入另一个漩涡。

虽然手机浏览器也可以正常浏览传统网页,但传统网页对手机浏览器的兼容性并不理想,显示比例就是最常见的问题,如果你想看网页的整体,那网页显示的文字和图片就会变得很小,阅读变得异常困难,即便是6寸的大屏手机,也同样面临这种问题;但如果用户放大显示,那又无法看到网页的整体,所以面向手机浏览器应发布结构简洁明了且适应多种手机平台和屏幕分辨率的网页;另一方面,UI设计更应注重多触控,而尽量减少让用户输入信息,手机输入的便捷程度是无法达到PC水平;再就是减少网页的体积并减少与服务器不必要的数据交互,毕竟在没有wifi的情况下,用户希望尽可能少的流量与快速的访问。以上我罗嗦了这么多,无法就是再讲一个问题面向移动互联网重构网站是很有必要的。

你喜欢在互联网行业里工作,就必须有个拥抱变化的心态。但我们每个人也都没有足够的精力去熟悉每个技术层面,framework确实是我在IT职业生涯后半段非常喜欢的家伙,这伙计帮我了很多,让我也能做出来看起来很酷的作品。由于这次要改造的主要是网页显示和交互部分,所以选择一个JavaScript frameworks是势在必行的,jQuery Mobile走入我的视线,jQuery本身就是最流行的JavaScript frameworks,我想jQuery Mobile也不会让我失望,经过简单阅读教程并使用了一下DEMO之后马上开工。不久基于手机浏览器的在线下单功能就做好了,看上去还不错,至少比原来让用户直接使用传统网页在线下单功能要好得多。

Screenshot

以上是基于jQuery Mobile构建的网上订单系统,下面在谈谈微信,如今大家对微信的使用频率仿佛比QQ还要高,所以一个企业,尤其是服务或媒体型企业如果没有个微信公众账号,是不是有点不好意思呢,微信很封闭,连淘宝外链都给你屏蔽了,所以现阶段为了生存和市场,还是要进入微信这个生态圈,注册企业微信公众号后微信后台会提供一个自定义菜单,可以链接网页,也可以直接在微信系统中编辑文字、图片或语音。当然如果通过微信认证后,可能还会获得更多深层次的功能。所以我们只要把在线订单通过自定义菜单进行连接就完成了微信的接入。菜单更新后,微信用户通过手机访问我们的公众号时就可以看到导航菜单中的在线下单功能。

当然目前我仍然是两套前端UI并存,PC用户还是浏览传统网页,手机用户或微信用户直接访问移动端网页, jQuery Mobile在移动端为我们设计用户交互提供了很好的解决方案。