最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > 创业故事 >

VXPLO:网页交互设计的大升级

时间:2014-09-09 00:07来源: 作者: 点击:
当鼠标点到视频中出现的金发女郎身上,她的裙子与包上会显示其价格及购买场所这款产品可以形成诸如此类的各种网页设计交互效果。 文 | 夏宏 在以往,一位设计师如果要在自己设计的网页

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

文 | 夏宏

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

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

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

一款纯工具的诞生

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

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

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

VXPLO在深圳的办公室不足一百平米。曾在爱立信等通信行业任职过的创始人孟智平对《VCPHP》说,以往做一个相对复杂的交互案例是一个不小的工程。它需要为此汇集几拨人,设计师,写交互代码的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块钱的价格卖给用户,他们可能不在意,但在这一块我们如果不赚钱的话,对于平台来讲是一个巨大的压力。”

(责任编辑:admin)
------分隔线----------------------------
栏目列表
推荐内容