ChatApp

Truly Social Messaging

Designed by Sa'ad Pramanik

 UX Designer: Sa'ad Pramanik
Portfolio: www.saadpramanik.com
Behance: https://www.behance.net/saadpramanik

Developer: Nabil Rusafee

Portfolio: https://github.com/Nabil-0001

Timeline Tools Contribution

8 Weeks - Remote Figma, 2 Person Team -
April - May 2022 FigJam, Miro, UX Designer &
Maze Developer
Project &
Design Challenge
Social Media has made many users less
social. Messaging apps have become a
communication tool rather than a
conversation tool. ChatApp would like to
change this with a new app focused on
socialization. I've been assigned to design a
user-centred solution
Insights

Users use messaging Users use social media Users use messaging
apps to organize social to keep track of the apps for speed
"hangouts" lives of their friends communication
Solution

1 2 3
Users use messaging Users use social media Users use messaging
apps to organize social to keep track of the apps for speed
"hangouts" lives of their friends communication
UX
Research
To understand the users' unique pain
points and motivations, I conducted some
interviews and conducted desktop
research. Further analysis was also made
using statistical findings.
Market Research

Desktop Research

Group Chats

MESSAGING APP GROUPS

Users use messaging apps, mainly for
group chats. These groups signify the
natural social groups of the user. They are
often used to make plans and "stay in
touch" with each other.
Market Research
Competitive Analysis
Social Media Niche
NICHE PURPOSE SOCIAL MEDIA
Users use different apps for very specific
and niche purposes. These apps have
established a unique social usage culture
leading the usage habits of users.
Instagram: Focus on Imagery.
The primary purpose is to
establish social proof.
Whatsapp (& other
messenger type apps): The
primary purpose is to
communicate fast with
mates. Has mostly replaced
traditional SMS. Focus of
messaging is group chats.
Facebook (& category based
apps, like Reddit): Focus on
copy. The primary purpose is
to engage on category pages
(e.g. Fan Pages)
Twitter: The primary purpose
is to establish social
representation and opinion
standards. It is also used for
service promotion.
Market Research
User Interviews
The Hangout Maker
INTIAL INTERVIEWS
Users expressed pain points with social
media and messaging apps. Some key
points considered are as follows.
Lack of Consistency - Friends are
scattered across apps. Except for one
or two apps, not enough consistency is
present.
Social Up To Date - Users desire to be
socially up to date with their friends.
Primary Communication - Messaging
apps is the primary point of
communication among friends even
before conversations.
APP REVIEW
Users "didn't care" for ChatApps proposed
'Alternative to conversation' app concept.
Redirected Interview to "Job-To-Do" Approach
to determine why users "didn't care"
JOB-TO-DO RESPONSE
Users don't want a more social app. They
want to improve the current uses of
messaging apps.
Direction Change: Social app
Keep up to date with mates
focusing on groups and
Organize social gatherings
organizinghangouts
Define
Users have various pain points. to
overcome these, the user takes various
actions across many touchpoints in their
journey. I mapped these out and created
personas to Maintain a user-centred focus.
Persona
User Journey
Develop
Transforming key research insights into
design concepts involved brainstorming
ideas, ideation, testing ideas against
viability criteria, and refining ideas through
sketching and prototyping.
Ideation VIABILITY CRITERIA
After Data Synthesis.

Commitment

Viability
Criteria

Social Fun

BRAINSTORMING
After Data Synthesis.
Sketching
Wireframing
Delivery
Before moving to more detailed prototypes
in Mi-Fi & Hi-Fi, initial designs needed to be
critically validated as viable solutions
moving forward. This was important in
saving time on building the prototypes. I
performed usability testing and cross-
referenced WCAG Standards.
Usablity Testing

INSIGHTS PROTOTYPE SCREENING

After Usability Testing. After Usability Testing.
 PROTOTYPE REFINEMENT
Usablity Testing After Usability Testing.
Hi-Fi Prototype

Screen allows for

Friendly & Socially
immediate "no
Supportive Graphics
nonsense" navigation
For Psychological
to which task the user
Implementation
would like to do.

WELCOME SCREEN LOG IN SCREEN QUICK-SHIFT SCREEN

Hi-Fi Prototype

Hangouts as "Events"
with shared calendar
App opens immedietly and scheduling tied
into most recent chat to group chat. Above
for a seamless and it features a weather
faster experience widget to inform
decisions for new
hangouts.

GOOGLE SCREEN CHAT SCREEN HANGOUT SCREEN

Hi-Fi Prototype

Following promtps of
"Forgot Password"
screens leads to this
List of chats can be
screen. The screen
sorted by group chat
uses welcoming and
and all chats.
friendly text and
graphics to ease the
user.

CHAT-LIST SCREEN CHAT-LIST SCREEN FORGOT PW SCREEN

Prototype
"Very intuitive designs which are relevant to the
target audience and usage"
- Nabil Rusafee, Project Client & Developer Partner
 References
Remote References Featured in Prototype & Document

Remote
References
Immortals After
Dark, by Kresley
Cole
-
Attack on Titan

Reference
Source
Sweet Ruin, by
Kresley Cole

Image Reference
DeviantArt,
Taylarosea