Interactive Lists in WhatsApp

Over the years, WhatsApp has amassed a huge user base. For this exact reason, I found it fitting to pitch my idea using WhatsApp’s UI as the foundation.

Before I begin with the idea, please note that this post is not sponsored or supported (yet 🙈) by WhatsApp. If the team at WhatsApp ever comes across this article, they too would be reading it for the first time. Having said that, let the awesomeness begin! 😛

As the title suggests, I think it’d be great if WhatsApp allowed users to create and share lists. This entire article is about an interface that I’ve conceptualised and designed for the same.

To explain the need for the ability to create and share lists, I’ve chosen the following scenario. A mother needs groceries from the supermarket but can’t get it herself. She thus messages the list of items to her son James, over WhatsApp. (Note: All characters appearing in the images in this article are non-fictitious. Any resemblance to real people is normal. No explicit permission however has been obtained from the characters involved 😂🙈)

Anyways, one observation of great importance is the following:

  • There’s no easy way for James to make a note of the items that he’s already added to the cart and the ones that he’s yet to add. Making a mental note can be hard when the list is long. Thus, he runs the risk of forgetting items.

Figure 1

Notice Figure 1. Do you see a new icon next to the attachments-icon? This is the list-icon that I propose.

Figure 2

Figure 2 demonstrates the list-creation interface. It is rather simple and has been designed along the lines of the existing messaging interface.

There is a dedicated space to add the list items. Every time a new item is added, a cross mark appears next to it. This, along with the red colour ensures easy deletion/removal of items from the list, if and when required.

The design also allows the user to type out a message to accompany the list. This message could be an instruction or whatever it is that the user wishes to convey. It is not mandatory.

Figure 3

Figure 3 is a snapshot of the “CHATS” tab of James’ WhatsApp.

Notice the list-icon that appears in front of the message sent by his mother. “Get these on your way back home!” is the message that James’ mother had typed to accompany the list.

Figure 4

When James open his mom’s chat, he is greeted by a bulleted list of items (refer Figure 4).

James, can interact with this list! Thus, after every item that he adds to his cart, he can strike it off by clicking the radio button next to the item or the item itself.

Figure 5

Figure 5 shows you the outcome of striking items off the list. The item changes its colour to ensure that the interaction is as intuitive as possible.

These changes however are on James’ phone. It would be so much better if they (the changes) reflected on the sender’s phone too.

Figure 6

Figure 6 shows you the view on the sender’s (mom) phone.

An additional functionality/feature is on display in Figure 7.

Figure 7

If the mother (the sender) wants to remove a certain item on the list, she can do so.

The removal is reflected on the receiver’s (James) phone by striking out the deleted item with a black line.

If you’re reading this, I thank you for your patience and time. If you are a member of WhatsApp’s dev team, please feel free to contact me. 😛 Ok bye! 😄