LEVELHEADED
LEVELHEADED is a mobile application that helps users suffering from frequent and infrequent headaches with tools that will make it easy for users to understand the complexities of their headaches. Users will be able to document their headaches, view detail reports, learn new ways to relieve headaches and share their experiences with other users.
Motion Graphics
Headache Attack Story
The Levelheaded motion piece is a walkthrough that demonstrates the features of the Levelheaded app. The animation is centered on a character who is being bullied by pesky headache monsters who won’t leave him alone.
Concept
The concept behind the Levelheaded motion piece was to convey how difficult and agonizing headaches can be, and one of the goals was to show the animation in an amusing tone.
Storyboard
The storyboards explores the concept of large monsters causing havoc somewhere around the world, but it’s revealed that the monsters are little monsters personifying headaches causing a commotion. Levelheaded app is introduced as “magical” item that displays all of its features and used to “knock out” the headaches monsters away from the protagonist.
Character Designs
Behind The Scenes
Mobile Application
User Experience
Problem
Most individuals who suffer from headaches have a hard time figuring out what is causing them, and in turn do not know how to properly combat them. There are a lot of causes and symptoms of any given headache, which makes it harder for the sufferer to properly identify.
Solution
To create a headache diary that could properly identify the type of headache a sufferer has, and find proper treatment to combat the headache through rest and exercise.
Nightmode
Night mode allows the users to change their app interface into a darker color scheme. This allows users who are suffering from migraine symptoms to view the screens comfortably.
Journal
The Journal screen is where users will be able view their documented headaches in a timeline. Users will also be able to view their data they accumulated from their headache entries. Users can view their headaches by causes, headache totals, averages, symptoms, and much more.
Relief
The Relief screen is where users can do exercises that will improve their posture, neck, muscles, and users can also do timed breathing exercises.
Community
The Community screen is where users can converse with a community that have experienced headaches of all kinds. Here users can support each other, provide tips and knowledge, and get to know each other.
Wireframes
Early UX sketches of the app content, navigation, and ideas.
User Testing
The objective of this usability test was to find how the participants interacted with the LEVELHEADED prototype. Seeking out their behaviors, motivations, and wants will let us know what aspect of the app they found valuable, useful, accurate, and accessible. Uncovering any information from these users will help in refining or redesigning aspects of the navigation, content, and interface design.
The Task
You have been having a headache for the past three days and you want to document its symptoms for reference. Additionally, you want to find some proper relief to reduce your discomfort. You also want to know about other people like you who are currently dealing or have dealt with headaches.
Testers
Rita Hernandez
Samantha Jordan
Jay Jordan
Observations
Participant Sam finished the task at 4 minutes and a half, while Jay finished in 6 minutes. Eddie finished a little over 5 minutes. Both users seem to navigate through the prototype, but several times when recording their headache information they both stopped to re-read the questioner or go back to the previous screens. I also noticed that they were trying to re-click different symptoms. Users seems to spend a troubling amount of time selecting their medication. I noticed that users moved their head in to look closely at the screen when they were navigating the community screens – probably because the text is smaller than other parts of the app.
User Response
Jay said, “I really liked the experience of logging my symptoms. I think there should be a way to unlock an option that you clicked on. For example if you clicked the pain location on the top of your head you should be able to click it again to deselect it.”
Sam said, “Once you enter the type of medicine and you enter how many mg and etc…, I was looking for an “enter” button to exit the screen. The “X” button can be confusing to users, which may think all their options aren’t saved. I would recommend a “enter” button or a simple “click off screen” option. I attached the screenshot for your reference.”
Rita noted that she wanted more screens to play with the Journal. She also, thought the Community text was too small.
Changes
Popup Selection
The users spent too much time on the medication dosage popup screen. They had trouble leaving the screen, the “x” button above wasn’t an obvious choice for the users so they would spend some time clicking around trying to get rid of the popup. The new popup is designed to be simple in a list form, and instead of giving them an “x” exit button given them a Submit button for assurance that dosage will be accounted.
Legibility
It was apparent from observations and feedback that legibility was a problem. Colors, text size, and hierarchy of buttons cause discomfort when navigating the Community, a social hub where users can interact with each other. In the new Community revision, the colors are a lot less harsh, the text is larger, icons switched to text, creating a thread post and creating a post to a discussion is clearer.
New Prototype Version
Advertisements
Prints Ads
Website
Brand Identity
Brand Colors
Brand Typography
Logo Typeface
Campaign Fonts
Application Fonts
Website Fonts
