我们需要一种方式将web表单转换为会话,但是找不到任何合适的解决方案。所以我们决定建立一个我们自己的开源框架。Conversational Form可以将web表单转换为会话,使开发人员和设计人员能够以更具吸引力和更像会话的方式与用户互动。
去Github上查看演示
在过去几个月里,我们一直将会话接口视为下一个重大革命,不断询问自己“设计是如何被我们看不到的东西所转变的”,并研究不同国家如何处理消息传递。现在,我们想要通过一些实验来采取进一步行动。
我们首先问自己:今天的哪些接口可能会被明天的会话接口替代?
Web表单
我们每天都与接口交互 —— 从ATM的现金提取到电梯里的楼层按钮。然而,与接口最常见的交互之一就发生在你浏览互联网并填写web表单时。
一个web表单(webform, web form 或者HTML form)可以将用户输入的数据发送到服务器进行处理。因为互联网用户使用复选框、单选按钮或文本字段填写表格,所以web表单的形式类似文件或数据库。例如,表单可以用于输入航运或信用卡资料以订购产品,或者可以用于从搜索引擎中检索数据。—— 维基百科
无聊的web表单
基本上,web表单是一种与web服务器交换信息的方式。无论你是搜索内容还是登录到电子邮件帐户或Facebook页面,都在使用简单的web表单进行交互。这些都是从互联网诞生以来就有的。毫无疑问,你每天都在网络上与至少一个表单打过交道。
在我们看来,是时候该有人来改进一下它们了。
介绍
我们相信我们可以做得比我们今天在网上见到的形式更好。因此,我们决定构建一个开源框架,将web表单转换为会话,从而使开发和设计人员能够以更具吸引力和更像会话的方式与用户互动。
开始
开始很简单。先把这段代码放到脚本里:
然后将它自动初始化:
或者手动初始化:
new cf.ConversationalForm({
formEl:
});
Or via jQuery…
或者通过jQuery初始化:
$("form").conversationalForm();
当当当——你的表单现在变成会话了。
个性化
我们增加了几种将会话设置得更个性化的方式。最简单的一种方式就是给机器人或者人设置自定义图片:
new cf.ConversationalForm({
formEl: ,
userImage: "http://example.com/user.png"
});
人类之所以为人的一个特征就是多样性,所以我们提供了一种简单的方法来给会话增加变化(变体)。只需使用cf-questions标签,并用管道符号("|")分隔每个变体,比如这个:
最后一个选项是使用前面的答案进行回答:
让我们知道你是怎么想的!
Conversational Form是从一个叫做你说的是人话吗?(Do you speak human?)的试验开始的,这是SPACE10实验室对会话界面和人工智能的未来的一个探索。
给我们发邮件:daniel@space10.io 或者来Twitter上找我们。我们等不及要跟你聊聊了!
Conversational Form是由SPACE10提出的概念。它由Felix Nielsen,RWATGG带入现实生活,由Charlie Isslander设计。
感谢Daniel Friis。
原文发布时间为:2017-5-09