首页  |   招贤纳士  |   关于我们  |   联系我们
宝码高手主论坛黄大仙
扫扫进入手机版
在线咨询: 点击这里给我发消息
负责人:张先生
电话:023-8888999
QQ号:597459899
邮箱:597459892@qq.com
传真:one two three four five six
主页 > 新闻中心 > 品牌资讯 > VXPLO:网页交互设计的大升级
VXPLO:网页交互设计的大升级
发布日期:2014-10-01 11:15    浏览次数:     作者:admin    

网页交互设计 网页设计 网页设计师 HTML5

当鼠标点到视频中出现的金发女郎身上,她的裙子与包上会显示其价格及购买场所——这款产品可以形成诸如此类的各种网页设计交互效果。

文 | 夏宏

在以往,一位设计师如果要在自己设计的网页上添加交互设计会非常麻烦:大量的交互代码,多种设备,还需要自己的作品同时支持IE浏览器6/7/8版本,设计师与程序员之间需要耗费很高的沟通成本,并且,最终呈现出来的效果未必能完全实现设计师的构想。

此前有人用Flash制作动画与交互设计,但它对HTML5的支持不够理想,且不支持智能手机、平板电脑,因此这种方式逐渐被淘汰;Google与Mozilla也都发布过新的工具。业内人士称这些工具各有其长板与短板,功能点不一,一类主要是为网站做Banner(横幅广告),通常只是简单模仿了Flash的一些功能,还有一类想将此做得更具互动性,场景制作更大,但多数都只是离线工具。

VXPLO希望解决类似问题,其创始人孟智平将VXPLO称为互联网上出现的第一款基于云计算方式的交互式网页设计工具,同时它也是一个互动作品分享平台。作为一个在线工具,无论是设计师还是普通网友,想要制作网页,或需要在网页里放入视频、音频、动画,无需写代码,通过可视化编辑便可以轻松实现。

一款纯工具的诞生

VXPLO是如何帮助用户实现这一切的?

孟智平介绍,首先它基于云的架构,用户的所有操作都在浏览器中进行,其完成的作品支持HTML5、CSS3、Flash,一个作品能够在所有主流浏览器中呈现。此外,VXPLO为用户提供了大量的设计模板,用户可以根据这些模板进行可视化设计而无需写代码。除此之外,它还提供了二维码与三维码(已在美国获得专利)扫描功能,使之生成的网页能与浏览者产生互动关系等。

而通常情况下,一位设计师在一周内便能够比较熟练地使用这个工具,不必再与程序员为做一个简单的交互设计而大量沟通。

VXPLO在深圳的办公室不足一百平米。曾在爱立信等通信行业任职过的创始人孟智平对《创业邦》说,以往做一个相对复杂的交互案例是一个不小的工程。它需要为此汇集几拨人,设计师,写交互代码的JS前端工程师,并且写完代码还要统计代码、投放代码等。现在,一个人就可以搞定这一切。

孟智平带领团队开发VXPLO的想法很明晰:“工具的使用驱动力就是帮助用户提高效率,节约成本投入,使用起来便捷;以往自己做不了的东西,用这个工具可以实现。”

VXPLO的诞生,源于孟智平2008年创办“世云多媒体”时的技术延伸。当时,他在上海做一款视频交互产品的研发。用户点击视频里出现的汽车、衣服、背包等便可以显示物品的相关信息。“我们看一个视频,会觉得里面的物品很好看,却发现得不到直接的信息,例如在哪里可以购买到它,价格是多少,等等。”他想把这一块的商业价值挖掘出来。

2009年这款技术产品研发完毕,孟智平发现这个B2B的生意要与国内的电商公司、视频网站一家一家谈合作是一件挺费周折的事。为此,他将原有的技术延伸到VXPLO这款产品里,把视频、音频、图片、文字等都集成到一起,使之变身为一个交互式网页设计工具。孟智平从去年开始正式研发这款产品,面向C端用户,但还没有在市场上进行大规模的推广。

尽管VXPLO具有较强的编辑功能,可以对不同介质的媒体进行交互设计,但是当一个集合了视频、音频、图片等各种元素的作品生成后,其文件的大小通常能限制在100K左右,这使得它的加载速度非常快,不会成为用户浏览它的一个障碍。“它不像我们去看一个用Flash做出来的东西,从1%加载到100%需要等上一分钟时间。”

通过VXPLO,用户还可以实现一个作品的多种交互方式,例如多点触摸,支持超大屏或超大拼接屏;多点通信,通过iPad或iPhone等遥控其它大屏幕;扫码交互、视频交互、动态网页等。

VXPLO除了具有工具的属性外,还希望成为一个互动作品分享平台。孟智平介绍,用户可以通过VXPLO的云存储空间生成URL向朋友分享,也可以将一行JS代码嵌入到一些站点,如网站、博客、空间等,此外,还可以把作品发送给站内其他用户。

不着急变现

苏宁、淘宝、天猫都曾上线视频购物平台,但在孟智平看来其形式比较守旧:“无非就是拍一段视频,视频下面放一段对商品介绍性的信息。最终,它们上线没几个月就下线了。”有人对他建议,VXPLO的底层技术完全可以支撑起一个电商细分领域里的视频购物网站,不如自己去做一个这样的网站。但孟智平说自己“比较烦这事儿”。他还是想把VXPLO做成一个平台,成为各类需要交互设计的用户的技术提供商与服务商。

就VXPLO的应用而言,它的视频交互功能不仅可以服务于电商领域,同时也可以应用于视频网站,譬如一些电视节目在视频网站上需要二次传播和二次营销,运用VXPLO的交互设计相当于对节目再次进行包装和策划。

此外孟智平说,利用VXPLO也完全可以制作出一款被他称之为“智能媒体”的新型媒体。“以往一个网页上的各种元素都是相对独立、不交互的。现在,你可以让图片、视频、声音等东西都具有交互性,通过这个工具的控件加入各种事件。”

他为此在办公室里打开了用户上传到Youtube的一段视频。当这个视频播放到一个时间点,窗口便弹出了一段用户设计的动画,并且让整个网页都运动了起来。他打开的另一段视频是,一个时髦的金发女郎穿着一套粉色的职业装,拎着一个包走在大街上,当鼠标点到她的裙子与包上的时候,屏幕里便会分别显示其价格及购买场所等相关信息。

孟智平并不急着让VXPLO去变现:“我们可扩展的商业模式很多。”他把业务重点放在了B2C上:一部分是免费用户,另一部分是付费用户;后者每月收费30元与90元不等,分别获得不同的存储空间和站外流量。“在这一块,我们主要靠用户为站外流量付费而盈利。”孟智平的理由是,现在流量很贵。“假如我们把用5毛钱买进来的流量以10块钱的价格卖给用户,他们可能不在意,但在这一块我们如果不赚钱的话,对于平台来讲是一个巨大的压力。”