top of page
uChat.jpg

uChat

UX research, user testing, UX and UI design

Unite Students, 2020

The project

MyUnite app allows Unite customers to easily manage their staying at Unite, from connecting to their flatmates through uChat, to logging a maintenance request.

uChat is the app feature that put future flatmates in contact before they move in via a messaging system.

Overview

MyUnite app was released originally 6 years before this project kicked off, and despite minor improvements, the UX and UI were still strongly rooted to the original design.

This was particularly evident for uChat, whose main issues to be addressed were:

 

  • Group chat experience: for privacy reasons, we can only show first name and initial of last name of chat participants. Previously homonymy was addressed using different colours, but this was leading to other problems (accessibility, inconsistency with the new brand guidelines)

​​

  • Report abusive text: for the benefit of the customers wellbeing, uChat offers the option to report abusive messages sent within the chat for a moderator to review and take action. The feature was misplaced within the app, with no proximity to the actual text, so it was often overlooked and the whole process was taking place offline.

uChat_issue.jpg

Research

Regarding the group chat experience, it was quickly clear that simply changing the colours of the UI wasn’t enough to solve all the UX issues in the app, and that some more work was needed.

 

The first step was to identify the common practice for group chats. From a quick analysis, we understood that group chats follow mainly two standards to help users distinguish other members: colours (Whatsapp, Snapchat) and profile pics (Messenger, Instagram).

common_practice.jpg

User interviews

Once we knew the most common used solutions to our problem it was easy to sketch out two solutions based on the research findings and involve customers to gather insights.


I’ve spent an afternoon talking to 10 customers about uChat, and their experiences with group chat and messaging services. After, I was showing the two options I designed for uChat trying to understand which one was more efficient to solve the issues we had, and to meet user needs and taste.

testing.jpg

The results were interesting and showed that we were making strong assumptions about the customers’ experience. For example, we believed Whatsapp to be the most commonly used messaging app, when actually it was Messenger. Also, many customers said they commonly use Snapchat to text, which we didn’t consider extensively before.

Mid res JPG-uChat Workshop_ASV_AM_037.jp

Proposing solutions

The user research was showing a strong preference for a solution similar to the one adopted by Messenger: less relevance to username, and rely on profile pics to recognize users.
My first design iteration was highly relying on this results, including a flow to set a profile pic.
Sadly, business requirements and deadlines couldn’t commit to a solution that could take too long to be developed. Several conversations with POs and Developers took place to find a common ground for an MVP that could solve experience issues and was deliverable in the agreed deadlines.

solutions.jpg
MVP.jpg

Redesign

The second main issue identified within the app, the reporting feature, was addressed directly in the redesign of the app.
Previously, the “Report a problem” CTA was placed in the channel selection screen. The lack of proximity with the actual text to report was making it hard for customers to understand the purpose of the CTA itself. During the interviews with customers we explored other options, including a more standard gesture of “long pressing” a text to surface actions against it; this one seemed to be the most common learnt behaviour.

report.png
new UI.png

Flow

uChat flow.png

Final UI

uChat UI.jpg

Team members

Geoff Meston, Natasha Young, Valentina Zanelli

bottom of page