WakeApp — a UX case study – UX Collective

Alerts the passengers to wake up before the destination arrives.

Back in July, I was meeting a client, I was exhausted and fell asleep in a train on my way back home. Due to which, I missed my destination.

Project Brief

Create an MVP’s that solve the user problem of missing their destination due to sleep.

This is a five-day individual project includes,

  • User Interviews with the target audience,
  • Job To Be Done Framework,
  • Identifying the pain points and user needs,
  • Creating the user flows,
  • Building Brand and Visual Identity,
  • Hand-drawn wireframe sketches,
  • Creating a Minimum Viable Product via XD tool,
  • Refining and Redefining the product based on the usability testing.


Even though I missed my destination by sleeping. It is a challenge to identify and alleviate pain points of the other people whom might experience the same.


Users are the heart of my design process. In this project, I had implemented the principle of User Centred Design (UCD), which keeps the user at the centre of all design decisions.

User Interview

To start the process I identified ten of my friends who commute using public transport regularly and posted the below question to them,

Have you ever missed your destination by taking a short nap on the train ?

5 out of 10 people said that they faced a similar situation.

Due to time constraints, I conducted the user interview through phone.

During User Interview

  • Illustrated the product’s goal to users.
  • Inquired their past experience or specific moments.
  • Perceived their motivation, pain points and needs.
  • Observed their temporary solutions to counter the problem.
  • How often do they use a mobile phone and to what extent during travel?

Challenge: As the interview was of conversational type, after interviewing the first user I realized that I wouldn’t be able to jot down the data accurately.

How I overcame: With user’s permission I recorded the phone audio conversation which enabled me to focus on the conversation rather than jotting down the points. This turned into an added advantage.

Disadvantage: Since it was a telephonic conversation, I wasn’t able to observe the body language of the user and the other non-verbal cues.

Job To Be Done Framework

Considering the end user, I created a Job Story based on the Jobs to Be Done framework.

Identifying the Pain Points and Needs

  • Alarm setting in a phone wouldn’t be adequate.
  • Missing destination frustrates people.
  • Compels people to spend extra money and time.
  • Disembarking in stations with invalid ticket leads to risks.
  • Need an app which works in offline mode
  • An app which includes other modes of travel.
  • An app should be easy user-friendly.
  • Need to provide the information if there is any delay.

User Flow

Before creating a prototype, I illustrated the user flow in a chart. This enabled me to understand the user interactions with the app to perform the required tasks.


Brand and Visual Identity

“Beauty and brains, pleasure and usability — they should go hand in hand.” — Don Norman

Colour Palette

Colours are picked carefully to replicate the real-world objects. Core colour of WAKEAPP should be Selective Yellow (#FFBA00) because it is often used to represent the transport in this ethnography (Chennai,India).


Avenir is a sans-serif typeface. Reason to choose this font, in this projects is to provide minimal, futuristic content and clean look.


Well, know icons are used in this project. Icons are prefered by considering the key attributes such as findability, comprehensibility and recognizability.

Product Name and Logo

Choosing the product name as WAKEAPP was simple. Usually, we insist our mom, friends or alarm app to “wake me up 06:00 AM”. Since this mobile app is a design solution which wakes up a person once the destination arrives, so I decided to blend those words.


My focus is to design a brand logo which communicates the core idea and intent of a product in a simple and minimal way.

Screen Features and User Feedback

Collecting feedback is a recurrent part of my process part of my process. It helps me to innovate continuously to understand the dynamic user needs and adapt to market trends.

1.Mode Selection Screen

Analytics: 3 out of 5 users liked this screen.

Feedback: “Menu selection bar resemebles OLA app. Try to change that.”

2.My Routes Screen

Analytics: 5 out of 5 users liked this screen.

Feedback: “Live traffic is good concept it will be useful during peak hours.”

3.Destination Selection Screen

Analytics: 5 out of 5 users liked this screen.

Feedback: “Upcoming train timing feature minimizes the dependency on train time table app.”

4.Start-Up Screen

Analytics: 5 out of 5 users liked this screen.

Feedback: “It will be superb if you set notification for train arrival status. So that I can focus on other activites.” (I need to consider this as Job Story)

5. Track Screen

Analytics: 5 out of 5 users liked this screen.

Feedback: “Train running status will help to schedule our travel.”


Click here to view the project `WAKEAPP`
This prototype brought to you by InVisionAppinvis.io

Remote Usability Testing

To validate my MVP, I conducted a remote usability test with 5 users. Users sample are same as used in user interview. It is a really interesting thing to know what works and what doesn’t in an interface is to watch people use it.

However, until you test, you can’t really tell for sure whether you have designed something that is actually usable.


  • Uncover the usability issue.
  • To improve user end satisfaction.
  • To determine the design inconsistency.

Test Plan

  • Shared the prototype in InVision to the target audience.
  • Connected with the user by Skype.
  • Asked them to explore the screens and perform a set of tasks.
  • Identifying how long it takes to complete the process.
  • Recording user feedback.

Task Scenario

Task 1: Set the alarm

Task Scenario: You are heading towards T.Nagar for a party. Use Wakeapp to set the wakeapp alarm.

Task2: Set the alarm by choosing “My Route” option.

Task Scenario: You are already late to office. Use Wakeapp to set the alarm quickly within few steps.

Task3: Try different notification pattern before start tracking.

Task Scenario: You are travelling in a crowed and noisy train. Use Wakeapp to set the alarm.

A remote usability test with Wakeapp user
Invision Prototype in Mobile View

What’s Next

  • To create user screens for other modes.
  • Usability test of the prototype with more target users.
  • Refining and Redefining the product based on the user feedback.

Take Aways

If you can dream it, you can do it. — Walt Disney

As targeted I completed this case study within a span of five days and it taught me how to do rapid prototyping and to work in an agile environment.

I gained a deep understanding on remote usability testing and it is the most challenging process in this project.

Working on this project gave me a valuable experience. I enjoyed arriving design solution for this real-world problem. I hope one day this will be a real app for people and ensure they have happy sleep during travel.

Author: Arivoli D Selvam

Collect by: uxfree.com