What is Tipro? It’s an app developed my Mojio that enables users to calculate their gratuity in a simple and painless way.
Simply put, it’s a Tip Calculator!
Initial Research:
I did a lot of research on existing tip calculators, their features and their overall design. Here are a few examples of what I found:
Analyzing Research:
Most of the available calculators are very complicated, too busy and thus, instead of removing anxiety, embarrassment or stress from the moment of adding tips to the bill they add to the discomfort. So I designed a version that hopefully achieves the feeling of zen… Aaaaah… No worries!
Who is the User?
Anyone who wants to calculate their gratuity quickly after a service is provided to them. Some perfect instances:
TEAM LUNCH
DINNER DATE
MASSAGE/SPA/PEDICURE
FAMILY OUTING
RIDE TO A DESTINATION
User State of Mind:
After a service is provided, users often experience the following:
TIME PRESSURE
(RUSH OR DESIRE TO MOVE ON)
DISCOMFORT
ALTERED STATE (RELAXED OR INTOXICATED)
CHALLENGED (IF IT IS DARK IN A TAXI/UBER/LYFT OR CAFE/RESTAURANT)
TIRED (AFTER A FLIGHT, WORK, OR SOCIAL ENGAGEMENT)
Competitive Research & Analysis:
At a first glance, this is such a simple app. But upon investigation, I found that all existing ones have some flaws. Most are too complicated to use, which is what the user doesn’t need at the end of a service. Below is my research of existing apps (these are all current apps available to download in App Store).
User Research:
I asked 15 users what they would like to see in a tip calculator and what they would like to avoid. I compiled the findings:
Include:
Bill Total
Tip slider / calendar mental model?
Split (people)
Round (do we want to round the gratuity?)
Include a period in the numeric keyboard
Option to text final amount to a friend at the function, for convenience
Last screen should show total pre-tip, tip amount and grand total, just like on the check.
Avoid:
Unnecessary screens or steps
Unnecessary elements
Confusing language or puns
Graphics for the sake of graphics
Consider use of iconography vs. language
User Flow:
This is the most straightforward flow I’ve ever created. The beauty is in the simplicity.
Branding:
Branding was pre-defined Branding was predefined by the existing Mojio Brand.
Here is the color scheme and typefaces used:
Inspiration:
Since this is initially an internal application just for the employees, I also used the existing Moj.io website as the inspiration. Here are the bits and pieces of our current website that inspired me.
Name & Logotype:
Typically, if I have the opportunity to develop a mark or a logotype, I spend a lot of time sketching. In this case, it was nearly instantaneous and once the name was selected and approved, I landed on the mark very fast.
Maybe years and years of doing this work finally paid off or maybe it was just an obvious solution!
The Process:
My favorite part is the thinking process. I sketched quite a bit to come up with the most simple solution… Something my team can enjoy after drinks, as well as something my grandma would use after her hair appointment, and even my kids can use after lunch with friends! I THRIVE and GROW every time I am in the zone with a bazillion sketches.
Visual Design Options:
Design is an iterative process. I came up with some options that were all viable. All used large type for amounts (something I felt my grandma and my intoxicated friends would appreciate), as well as effective use of white space and very simple layouts to create that “Aaaaaah… Problem solved” feeling.
Final Visual Design:
After a lot of thought and some user testing, we went with the most simple option there is! I eliminated some unnecessary features, functions and visual elements. Now anyone can use the app, from 10 to 100 years old!
Take-Aways:
Even the most obvious product that already exists can be audited and improved with research and design.