June 2021 Summaries

The article provides a step-by-step guide on creating a Microsoft Teams bot connected to Voiceflow using Bot Builder and Express.JS. The process involves setting up an app manifest package, configuring a new bot, and generating credentials for initialization. Additionally, it requires creating a general project on Voiceflow and obtaining necessary variables such as VersionID and apiKey. The article also covers deploying the chatbot in production environments and provides resources for further learning.

Designing multimodal conversational experiences aims to make interactions easier by utilizing different modalities such as sight, sound, and touch in an intuitive way. This approach allows users to switch between contexts, capabilities, or devices seamlessly. The goal is to present and receive information in a natural and user-friendly manner, similar to how people engage in real-life conversations. By considering the context of the conversation, eliminating distractions, maintaining consistency, prioritizing accessibility, and following design principles such as those outlined by Elaine Anzaldo, designers can create engaging and effective multimodal experiences that cater to diverse user needs. As technology advances, multimodal design is becoming increasingly important, and it's expected to become a norm in the future, enabling innovative applications like smart cities and automated experiences.

To create a Telegram bot using Voiceflow, one needs a Telegram account, a Voiceflow account, and Visual Studio Code. First, create a new bot with BotFather, then set up the project by cloning the repository, installing dependencies, and launching it. Next, write the bot's code using Telegraf to interact with Telegram and Voiceflow's Dialog Manager API. This requires obtaining the Version ID and API Key from the Voiceflow Project and workspace settings, respectively, and adding them to the .env file. The code then processes user input, sends it to Voiceflow, and manages the conversation state. After setting up the bot, run it using the yarn start command, and test changes by submitting a PR to the repository. This experience allows developers to quickly bring conversational experiences into their products with just 60 lines of code.

The API Step on the Voiceflow canvas can be a designer's best friend, allowing them to integrate with an Airtable base and access specific fields in an existing database. This integration enables designers to retrieve data using GET requests and save data to a connected base using POST requests. By utilizing these API steps, conversation designers can unlock access to information outside of the canvas, adding capabilities such as pulling or saving information from an existing base, mapping information to any variable in their design, and easily updating and delivering content in real-time. This integration also enables the creation of a single source of truth for scaling experiences, making them more malleable and flexible. The use cases for this API step are endless, including personal trackers, consumer product catalogs, and small business budgets, where an integrated Airtable database can provide accurate and up-to-date information. By adding the API step in the design and prototype stages, conversation designers can improve developer hand-off and rethink experiences across any channel.