Marcio S Galli
Weplex Labs - Use Cases - User creating her "bio links" site from a Whatsapp assistant

Disclaimer: The screenshots of the demo which follows are quite technical. I mean, they expose excessive messages from the technology. In other words, so far it's a bit raw.

Use case description

An user wants to create quickly a "bio links" experience. The user enters a session with a messaging assistant which helps to advance the process by interacting with the users. In this case the user sends a photo, and links, and is able to see the preview, inline.

Context of need

To contextualize this user's goal, consider the page of psychologist Larissa, on Instagram:

On Larissa’s page, a “link in bio” on Instagram serves to guide visiting users to Larissa’s other resources, other links:

Demo walkthrough

Technical note on challenge: Generally speaking, the challenge involves allowing a non-linear conversation, like humans do, on the one hand. On the other hand, this conversation needs to be guided, allowing for construction.

Roger the developer creates a links site

User Roger, below, opens his messaging app and says “hi”, interacting with the assistant bot, which returns the following response:

Available commands:  
  /links – Manage links  
  /bgColor color – Change the base color  
  /deleteSite – Deletes this site  
  Image upload – Profile photo

ptions are listed as commands, like “/command”. We do this, for now, because we want to remember the formal, hierarchical structure that is governing.

Since the destination is the creation of the “bio site”, which is a minimalist site with links, at this stage the options “/links” to create links, “/bgColor” to set the site color, and the user photo upload are sufficient.

The option “/deleteSite” was also created because, at this test phase, we are creating many site examples.

First moment, maintenance with “delete site”

Roger writes “delete site”, in natural language, because he wants to start a new work. The assistant understands — or better, translates — the message, identifying that “delete site” refers to “/deleteSite”, which is the formal option in terms of structured and possible objectives. As a result, the assistant returns data confirming that the previous site data has been deleted:

Assistant –  
topMainImg: –  
bgColor: undefined  
Links:

Next, the bot sends the possible options:

Assistant –

Available commands:  
  /links – Manage links  
  /bgColor color – Change the base color  
  /deleteSite – Deletes this site  
  Image upload – Profile photo

Roger wants to change the site color. So he types “cor #fdd” which is a reddish color:

Roger -

cor #fdd

Note: Observe that Roger did not type “I want to change the color,” and then inform the color. On the contrary, he typed everything in the same sentence. This type of communication, in the human world, is quite traditional. They speak sentences that, in a way, move forward within complex hierarchical structures. "I’d like the bedroom wall to be pink," a human says. Meanwhile, the painter who just arrived says “Ah, yes, you want to paint the bedroom.”

Below we will move on to another challenge, which is the case involving the insertion of links.

Links case

Another aspect of the challenge involves the “links” scenario, because these sites have multiple links. From the perspective of hierarchical structure, the subject “links” is a specific context. In other words, it could be a box, like a box of socks. But a box of links. So, when we are there, thinking about that box, we know the available options are: add a link, remove a link, list the links.

Roger – links

Note: Roger typed “links” in natural language. The system translates this expression “links” and enters the context of the task “/links”. Note that the example from Roger could have been “I want links” or “let’s create links”.

Assistant – You don’t have any links yet. Let’s register the first one. What is the title of the link?

Roger – add

Assistant – Now type the title.

Roger – tit1

Assistant – Now type the URL.

Roger – http://tit1.com

Assistant -

Assistant –

topMainImg: –
bgColor: #fdd
Links:
 1) tit1 [http://tit1.com]

Assistant –

Choose which link to edit, add a new one or go back  
1) tit1 [http://tit1.com]

Roger – add

Assistant – Now type the title.

Roger – tit2

Assistant – Now type the URL.

Roger – http://tit2.com

Assistant –

topMainImg: –  
bgColor: #fdd  
Links:  
 1) tit1 [http://tit1.com]  
 2) tit2 [http://tit2.com]

Assistant –

Choose which link to edit, add a new one or go back  
1) tit1 [http://tit1.com]  
2) tit2 [http://tit2.com]

Assistant -

Roger has completed his site.