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

所属分类: 网站运营 / 建站经验 阅读数: 94
收藏 0 赞 0 分享
        在以往,一位设计师如果要在自己设计的网页上添加交互设计会非常麻烦:大量的交互代码,多种设备,还需要自己的作品同时支持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块钱的价格卖给用户,他们可能不在意,但在这一块我们如果不赚钱的话,对于平台来讲是一个巨大的压力。
更多精彩内容其他人还在看

医疗行业怎么做好网站建设?建站注意事项及经验

踏足互联网,医疗行业可以将自身优势资源整合到网站中去,为大家提供病理知识、在线咨询或者预约就诊服务等。那么如何做好医疗行业的网站建设呢?本期为大家分享一些在建站过程中需要注意的东西和建站经验,希望能给大家带来帮助
收藏 0 赞 0 分享

企业应该怎么策划自己的网站?规划网站注意事项总结

网站建设虽然是一个比较复杂的过程,包括网站策划、网页设计、程序开发、上传网页、发布网站等,那么企业应该怎么策划自己的网站?下面为大家介绍规划网站注意事项,来看看吧
收藏 0 赞 0 分享

大众点评网站的支付系统构建经验分享

大众点评网站的服务器端在迭代的同时保持了很好的扩展性和可用性,这里我们来看一下大众点评网站的支付系统构建经验分享,主要以大众点评的支付渠道网关系统为核心.
收藏 0 赞 0 分享

网易蜂巢的容器运维管理服务使用指南

网易蜂巢提供对Docker容器的警报和性能监控服务,通过图形化面板操作十分简洁,这里前提假设服务器端已经架设在容器中,那么接下来就让我们来看网易蜂巢的容器运维管理服务使用指南
收藏 0 赞 0 分享

为什么认为自助建站不适合SEO?自助建站工具搭建出来的网站对SEO的支持如何?

最近有一个做SEO优化朋友询问为什么自助建站做出来的网站排名很难做上去?自助建站工具搭建出来的网站真的适合SEO吗?本文将提供相关内容供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测

Pzea一直是低价位VPS的人气之选,在美国三个大城市分别建有机房,且构建于KVM虚拟机之上,性能较为出众,接下来就为大家来分享一下这个支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测
收藏 0 赞 0 分享

网站页面一定需要HTML静态化吗 实战说明静态化的必要性

很多刚开始运营网站的伙伴们都要知道网站内的页面需要进行URL优化吗?如设置静态化等,对此,本文就为大家解析一下网站静态化的必要性,有兴趣的朋友们可以了解下哦
收藏 0 赞 0 分享

移动端界面设计之尺寸基础知识学习

这篇文章主要为大家详细介绍了移动端界面设计之尺寸基础知识,通俗易懂的学习教程帮助大家了解关于移动端设计尺寸的相关知识,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

如何提高用户体验?优秀的用户体验需要遵守的十大准则

自己的网站做的很漂亮却依然没有排名,这是为什么呢?这个时候,你应该考虑你是否关注到用户体验?而如何提高用户体验又是你要考虑的问题了,本文将提供优秀的用户体验需要遵守的十大准则供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法

这篇文章主要介绍了DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多