请选择 进入手机版 | 继续访问电脑版

网络科技

    今日:506| 主题:277590
收藏本版
互联网、科技极客的综合动态。

[其他] Introducing the Conversational Form - Do you speak human?

[复制链接]
閉上眼ゝ說再見 发表于 2016-11-29 13:00:19
213 3
Introducing the Conversational Form

    An open-source framework to turn web forms into conversations

               

Introducing the Conversational Form - Do you speak human?

Introducing the Conversational Form - Do you speak human?-1-网络科技-revolution,framework,countries,different,designers
              We needed a way to turn web forms into conversations, but couldn’t find any suitable solutions. So we decided to build an open-source framework of our own. Conversational Form turns web forms into conversations — making it easy for developers and designers to engage with users in a more compelling and conversational way.
     Check out the demo on Github.
               Throughout the last couple of months, we’ve been looking into conversational interfaces as the next big revolution , asking ourselves how design is being transformed by things we cannot see , and looking into how different countries approach messaging . Today, we want to take a step closer to the action with a little experiment.
    We started by asking ourselves, which interfaces of today might be replaced by conversational interfaces tomorrow?
     The web form
    We interact with interfaces every day—from cash withdrawal at the ATM to pressing floor buttons in an elevator. However, one of the most common interactions with interfaces are the ones happening when you browse the Internet and fill out web forms.
     A webform , web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. For example, forms can be used to enter shipping or credit card data to order a product, or can be used to retrieve search results from a search engine. — Wikipedia
               

Introducing the Conversational Form - Do you speak human?

Introducing the Conversational Form - Do you speak human?-2-网络科技-revolution,framework,countries,different,designers
               Boring web form            Basically, web forms are a means of exchanging information with a web server. Whether you’re searching for content or logging in to your e-mail account or Facebook page, you interact with simple web forms. These have been around since the birth of the Internet, and there’s no doubt that you interact with at least one on the Web every day.
    In our opinion, it’s about time someone did something to freshen them up.
    Introducing the conversational form

    We believe we can do better than the forms we meet around the Web today. So we decided to build an open-source framework for turning web forms into conversations, making it easy for developers and designers to engage with users in a more compelling and conversational way.
    Getting started

    Getting started is fairly easy. Start by including the script:
   
  1. <script type="text/javascript" src="https://rawgit.com/space10-community/conversational-form/master/dist/conversational-form.min.js" crossorigin></script>
复制代码
   And then instantiate it either automatically…
   
  1. <form cf-form-element action="/post">
复制代码
   Or manually…
   
  1. new cf.ConversationalForm({
  2.   formEl: <HTMLFormElement>
  3. });
复制代码
   Or via jQuery…
   
  1. $("form").conversationalForm();
复制代码
   And boom — your form is now conversational :+1:
    Injecting personality

    We’ve added a few ways of injecting personality into the conversation. One of the simplest ways is to set a custom picture for either the robot or the human:
   
  1. new cf.ConversationalForm({
  2.   formEl: <HTMLFormElement>,
  3.   userImage: "http://example.com/user.png"
  4. });
复制代码
    Since variation is part of what makes us human, we’ve included an easy way to add variation to the conversation. Just use the cf-questions tag and separate each variation with a pipe symbol. Like this:
   
  1. <input cf-questions=”Hi there!|Hello!|Sup?” type=”text”>
复制代码
   The last option is to reuse answers from previous questions:
   
  1. <input cf-questions="Great to meet you, {previous-answer}! I'm a web form, what do you do?" type="text">
复制代码
             Let us know what you think!

     Conversational Form started as an experiment within  Do you speak human?  , a SPACE10 lab exploring the future of conversational interfaces and AI. We’re curious to know what you think of it!
     Send us an email at  [email protected]  or hit us up on  Twitter  . We can’t wait to chat with you.
               

Introducing the Conversational Form - Do you speak human?

Introducing the Conversational Form - Do you speak human?-3-网络科技-revolution,framework,countries,different,designers
                    Conversational Form is a concept by  SPACE10  . Brought to life by  Felix Nielsen  ,  RWATGG  , and designed by  Charlie Isslander  .



上一篇:About that space illustration you keep seeing around
下一篇:从社群切入社交,支付宝在大方向上做对了
乐丹 发表于 2016-11-29 15:02:26
专业抢沙发的!哈哈
回复 支持 反对

使用道具 举报

JulianNop 发表于 2016-11-29 16:04:53
佩服佩服!
回复 支持 反对

使用道具 举报

tb流水 发表于 2016-11-30 05:10:50
一天最高可刷99点经验的。把如下语句复制,粘帖即可。以前不懂看贴总是不回,一直没提升等级和增加经验现在我明白了反正回贴可以升级也可以赚经验而升级又需要经验我就把这句话复制下来
回复 支持 反对

使用道具 举报

我要投稿

回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表