Smartphone_mockup_marcinjarka.png

Helper

UX/UI design / Mobile app

Helper is an mobile app that a user can learn how to comfort people by role playing game simulation before a real conversation.

 
 
  • Work type: Class work (NYU ITP, 2017) / Individual work 
  • My role: Concept creation, research, UX/UI design, visual design 
 

Problem

goinghome-03.png

We need someone's emotional support when we struggle or feel depressed in our life. We also often encounter our friends, family or co-workers are going through that hard time. That is our turn to give them a support. However, giving them a right word to comfort them enough with proper words is difficult. And actually many people feel difficulty about the consoling and do not know what to say. The great amount of articles, books, and Youtube videos about how to console proves it and also shows us the needs of learning how to comfort people.

Even thought those types of materials are already existed, however they are still not enough for self-teaching and practicing for the real face to-face consoling situation. In terms of mobile apps related to consoling, they are only about mental disease or meditation. 

Screen Shot 2018-06-01 at 8.14.54 PM.png
Screen Shot 2018-06-01 at 8.17.56 PM.png
 

Interview

  • 4 people 
  • All gender
  • Age: 25-35 
  • Q1. Do you find it difficult to comfort people with their struggles? If so, what is hard about it?
  • Q2. Have you ever made a mistake in choosing the wrong word to console? 
helper-06.jpg

 

Insight

After the research and the interview, I found out three key insights of why consoling other people with struggles is difficult. 

helper-07.jpg
 

Idea

Let's use a role playing game style to reflect real life situations.

 

 

 

Goal

iStock-843530334.jpg
  • Learn the proper vocabulary to comfort people

  •  Practice conversations about various consoling situations before real conversations 

 

Concept

Mobile consoling helper

helper-09.jpg

 

Target user

 

considering.jpeg
  • Target age: over 16 
  • All genders 
  • People who feel difficulty choosing the right word to console a person and feels uncomfortable in the situation

 

 

Functionality

goinghome-06.png

 

Design process

 

1) Sketch

Considerations:  

  • How can you keep the training impactful enough that it will provide a positive impact for real conversations?
  • Are the quotes that the user can send pre-produced (i.e. generated by the app/designer), or customized by the user?
  • How does the training continue once the real communication starts? 
 
IMG_6716.JPG
Screen Shot 2018-06-01 at 8.48.36 PM.png
 
 

2) Information Architecture

helper-21.jpg

 

 

3) App flow

 

motionchat_architecture-23.png
 

4) Prototype and User test

 

Feedback

1) Two different opinions of the number of catogories (Concise VS. Detailed categories).

: I chose to give users a small number of subjects on the main page because users would be confused with too many options. But users could search by keywords search and find their interested subjects directly.  

2) Some people wanted an introduction page about the usage of the app.

: The users who download the app already know its purpose and it will be specified on its app store description if it is released.

Screen Shot 2018-06-01 at 8.51.57 PM.png
 

5) Final App design

 

helper-12.jpg
helper-13.jpg
helper-14.jpg
helper-15.jpg
helper-16.jpg
motionchat_architecture-24.png
motionchat_architecture-25.png