一个可以把web表单变成会话形式的开源框架

大数据文摘作品,转载要求见文末

编译 | Mirra,蒋晔

我们需要一种方式将web表单转换为会话,但是找不到任何合适的解决方案。所以我们决定建立一个我们自己的开源框架。Conversational Form可以将web表单转换为会话,使开发人员和设计人员能够以更具吸引力和更像会话的方式与用户互动。

去Github上查看演示

在过去几个月里,我们一直将会话接口视为下一个重大革命,不断询问自己“设计是如何被我们看不到的东西所转变的”,并研究不同国家如何处理消息传递。现在,我们想要通过一些实验来采取进一步行动。

我们首先问自己:今天的哪些接口可能会被明天的会话接口替代?

Web表单

我们每天都与接口交互 —— 从ATM的现金提取到电梯里的楼层按钮。然而,与接口最常见的交互之一就发生在你浏览互联网并填写web表单时。

一个web表单(webform, web form 或者HTML form)可以将用户输入的数据发送到服务器进行处理。因为互联网用户使用复选框、单选按钮或文本字段填写表格,所以web表单的形式类似文件或数据库。例如,表单可以用于输入航运或信用卡资料以订购产品,或者可以用于从搜索引擎中检索数据。—— 维基百科

无聊的web表单

基本上,web表单是一种与web服务器交换信息的方式。无论你是搜索内容还是登录到电子邮件帐户或Facebook页面,都在使用简单的web表单进行交互。这些都是从互联网诞生以来就有的。毫无疑问,你每天都在网络上与至少一个表单打过交道。

在我们看来,是时候该有人来改进一下它们了。

介绍

我们相信我们可以做得比我们今天在网上见到的形式更好。因此,我们决定构建一个开源框架,将web表单转换为会话,从而使开发和设计人员能够以更具吸引力和更像会话的方式与用户互动。

开始

开始很简单。先把这段代码放到脚本里:

<script type="text/javascript" src="https://rawgit.com/space10-community/conversational-form/master/dist/conversational-form.min.js" crossorigin></script>

然后将它自动初始化:

<form cf-form-element action="/post">

或者手动初始化:

new cf.ConversationalForm({ formEl: <HTMLFormElement> });

Or via jQuery…

或者通过jQuery初始化:

$("form").conversationalForm();

当当当——你的表单现在变成会话了。?

个性化

我们增加了几种将会话设置得更个性化的方式。最简单的一种方式就是给机器人或者人设置自定义图片:

new cf.ConversationalForm({ formEl: <HTMLFormElement>, userImage: "http://example.com/user.png" });

人类之所以为人的一个特征就是多样性,所以我们提供了一种简单的方法来给会话增加变化(变体)。只需使用cf-questions标签,并用管道符号("|")分隔每个变体,比如这个:

<input cf-questions=”Hi there!|Hello!|Sup?” type=”text”>

最后一个选项是使用前面的答案进行回答:

<input cf-questions="Great to meet you, {previous-answer}! I'm a web form, what do you do?" type="text">

让我们知道你是怎么想的!

Conversational Form是从一个叫做你说的是人话吗?(Do you speak human?)的试验开始的,这是SPACE10实验室对会话界面和人工智能的未来的一个探索。

给我们发邮件:daniel@space10.io 或者来Twitter上找我们。我们等不及要跟你聊聊了!

Conversational Form是由SPACE10提出的概念。它由Felix Nielsen,RWATGG带入现实生活,由Charlie Isslander设计。

感谢Daniel Friis。

来源:https://medium.com/conversational-interfaces/introducing-the-conversational-form-c3166eb2ee2f

关于转载如需转载,请在开篇显著位置注明作者和出处(转自:大数据文摘 | bigdatadigest),并在文章结尾放置大数据文摘醒目二维码。无原创标识文章请按照转载要求编辑,可直接转载,转载后请将转载链接发送给我们;有原创标识文章,请发送【文章名称-待授权公众号名称及ID】给我们申请白名单授权。未经许可的转载以及改编者,我们将依法追究其法律责任。联系邮箱:zz@bigdatadigest.cn。

原文发布于微信公众号 - 大数据文摘(BigDataDigest)

原文发表时间:2017-05-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏个人分享

一次极限项目管理,设计,开发,联调与测试

     什么是All In? 是你不知道全力做这件事情会得到什么。但你只想把它做好的感觉。

15710
来自专栏西枫里博客

如何让网站打开变快?暨网站速度优化指南。

网站打开速度一向是网站运营者和SEO工作者关注的重要指标。百度在网站优化白皮书中也提到需要注重网站访问速度。2017年更是退出了针对移动端访问推出闪电算法(博文...

16920
来自专栏娱乐心理测试

第一个微信小程序

34360
来自专栏数据之美

浅谈用户行为分析之用户身份识别:cookie 知多少?

对于数据统计分析或者数据挖掘而言,用户是个非常重要的维度,也是统计分析能落地的基础。一般而言,咱们追踪或者识别一个用户的首选方案是 userID,大多数公司的产...

1.3K60
来自专栏花叔的专栏

解读小程序互跳功能,首对互相跳转的小程序发布!

花叔漏夜把新功能更新到接口人和Nodes小程序里了。现已发布,说不定这是最早上线的小程序互跳功能案例,请叫我快男花。 先说说昨晚发生了什么: 话说,昨晚11点做...

449120
来自专栏互联网杂技

Hybrid App开发者一定不要错过的框架和工具

最近开始给网站的移动版本做技术选型,发现了很多好玩的东西,写出来给大家分享下。 ionicFramework 我是hybrid app的忠实粉丝和大力倡导者,从...

32040
来自专栏云计算D1net

云数据备份并不是云灾难恢复

云数据备份不是云灾难恢复。不幸的是,供应商的虚假陈述正在推动企业应该如何使用云备份的误解。许多组织正在考虑云备份,因为它消除了基于磁带的备份技术,自动备份,删除...

41060
来自专栏企鹅号快讯

流行开源论坛软件phpBB官方下载链接遭黑客“偷梁换柱”

“用指尖改变世界” ? 自2000年发布以来,phpBB已经成为世界上应用最广泛的开源论坛软件。它拥有易于使用的管理面板和友好的用户安装界面,可以让用户轻松地在...

25270
来自专栏java一日一条

电商网站秒杀与抢购的系统架构

在过去的工作中,我曾经面对过5w每秒的高并发秒杀功能,在这个过程中,整个Web系统遇到了很多的问题和挑战。如果Web系统不做针对性的优化,会轻而易举地陷入到异常...

23420
来自专栏liulun

基于.net开发chrome核心浏览器【一】

说明: 这是本系列的第一篇文章,我会尽快发后续的文章。 源起   1.加快葬送IE6浏览器的进程     世界上使用IE6浏览器最多的地方在中国     中国...

30750

扫码关注云+社区

领取腾讯云代金券