VXPLO：网页交互设计的大升级
程序员文章站
2022-07-03 11:19:37
当鼠标点到视频中出现的金发女郎身上，她的裙子与包上会显示其价格及购买场所——这款产品可以形成诸如此类的各种网页设计交互效果。... 14-08-15...
在以往，一位设计师如果要在自己设计的网页上添加交互设计会非常麻烦：大量的交互代码，多种设备，还需要自己的作品同时支持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块钱的价格卖给用户，他们可能不在意，但在这一块我们如果不赚钱的话，对于平台来讲是一个巨大的压力。
此前有人用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块钱的价格卖给用户，他们可能不在意，但在这一块我们如果不赚钱的话，对于平台来讲是一个巨大的压力。