d777.png

Bringing conversations to Declara's Android App | 2015

 
 
 
 

Creating a mobile platform for discussion

___

 

2015 / Product Designer / Android APP

How do we incorporate Declara discussion, a core part of our web product, into our Android app? 

At Declara, we wanted to make it easy for people to annotate and discuss anything on the web—think comments and targeted conversations around an excerpt from any article on the internet. But our mobile app lacked a discussion functionality, which was a problem because that was one of our product's core differentiators. Users were clamoring for it, saying that without being able to annotate and engage in article discussions, there wasn't really a point to our app.

I worked with my design manager and an Android developer over one week to come up with a way to incorporate conversations into our Android app.

The Declara app has a 4.8 rating and is currently live on the Google Play store. 

 
 
 
 
 

 
 

Process

Design stories

Since this was v1 of our mobile discussion, we wanted to build an MVP of the feature to see whether people would even engage with it. Our design stories were as follows: 

  • Allow users to start a new conversation with individuals or groups from within an article.

  • Allow access to chats that are already going on, in a way that is not intrusive to content consumption.

  • Keep group chats and individual chats as separate entities—a user is not able to initiate both a group and individual chat from the same conversation.

  • Should have a similar experience to our web product (i.e. "seen by" behavior, conversational UI).

 

Ideation

 
 

This was a project in which we only had one week, so I had to cut down my usual design process in order to come out with testable prototypes quickly, as well as depend on the Google Material Design guidelines for a ready-made design language. 

 
 
 
 

User flow overview

I built out two conversation starter flows, a one to one conversation flow and a group conversation flow.

 
 

A challenge involved separating interactions between a one-to-many conversation and a group chat—the two are distinct use cases.  One of the issues internal testing showed the need to address was retaining conversation context - since conversations were centered around the article, the design needed to make clear which piece of content was being discussed. This was something I initially overlooked.

 
 

I used Sketch Mirror to get the device wireframes onto mobile screens for people to actually interact with. I ended up doing three iterations of the add conversation flow, seen above.

 
 
 

Conversation wireframes

 

Building a conversation view seemed simple enough—however, in doing a comparative analysis and looking at how iMessage, Facebook Messenger and Whatsapp handle conversation UI, I found that they all tackle conversations in slightly different ways (i.e. direction of chat, read receipts, or how content is highlighted).

 

Four ideations of the same screen

 

 
 

I worked on the Android conversation feature up until I left Declara, which was shortly before the launch of the app. The Declara app is currently live on the Google Play Store

___