HAPPY WELL app — Design journey

Nevena Grubelic
Jul 22, 2017 · 5 min read

My journey with Interaction Design specialization offered by the University of California San Diego, on Coursera started a year ago.

At that time, my thoughts were concentrated on discovering what it is that really moves my world, what I like doing the most and where I find myself at home. I looked back at my work path and it seemed that everything was leading to a single insight. During the past years I learned and experienced most of the work processes, but the creative work was always especially close to my heart.

I always liked to improve business processes and monitor how things work. When building websites, the most important part for me was to get everything going and looking perfect. Nothing less. Sometimes I was angry with web developers, because of their lack of graphical edge, and sometimes I wondered if I am really the only one who understands and loves the code and graphical interfaces equally.

Project idea

At the end of last year I got the idea of developing an app that would help people to feel better. I was observing myself and people around me and discovered that when you feel good, everything around you starts to unfold in the right way and you start receiving good prospects about anything. The key was really too simple: You just have to be happy!

In January I received the Google Scholarship for Udacity Android Basics Nanodegree and bringing my app to life was suddenly possible. Since then things looked pretty ambitious with two big courses, work and family at the same time, but it was worth it. The Happy Well digital prototype is finally completed!

Design brief and needfinding

It wasn’t hard to choose the right design brief since there was nothing else on my mind than making this world a better place. So I chose to design an interface that facilitates personal or social behavior change. Sometimes people don’t have anyone to talk to, some need to have a right push at the right time and some just need a reminder of their own worth or an uplifting message to turn their day around. Seeing a smile on someone’s face sometimes means everything and just knowing that you made someone’s day is a lot.

Like a true detective

The process started with investigating how similar apps were built. I tried to find the best and worst in those apps and strongly decided to avoid anything that could repel someone from using it. The first thing was to not include a prerequisite that facilitates the app to access various mobile phone systems like contacts, location, camera, photos, etc. I definitely wanted to include as much Help info as possible incorporating tooltips to enhance UX for new users. I also wanted to simplify the notification setup process and at the same time design only what is really feasible in the final product. Being familiar with developing for Android platform proved to be of a great help.

What followed was user testing on several apps that are similar to what I planned to build. Testers reported about what was annoying them while using apps with notification reminders and they all agreed in one: they wanted to have more flexibility setting up notifications.

Storyboards

The next step was to develop storyboards with two examples of how the app will be used.

Paper prototype

Well, this is my favorite prototype phase, because every time I do it, it shows me that I cannot make everything right at once. This technique offers prototype development in various directions and easy modifications. I cannot recommend it highly enough. After heuristic evaluation made by my pears, some of the below screens were altered and the prototype was prepared for the next phase.

Digital prototype

By the time wireframe was made, I realized that the project will have at least 50 screens, so I made two decisions. One was to fully develop only most important screens, key screens with major functionalities and skip for now the ones with repeating parts. The second decision was to start drawing the interface as it should look in the final stage to save time. Some screens were still changed in the end, because of user testing which was coming next, but generally it was a great decision.

Testing the prototype

Initially, the digital prototype was tested by two testers in my presence. After that I launched an online A/B Test with two app versions on 4 users via the UserTesting.com platform. The result was 4 videos and comments from users who tested it. My conclusion was that the majority of users won’t have any problems with navigating the app, which was what I hoped for. To my surprise, even the app version which did not have the better user interface caused no problems for the average user. Nonetheless, I decided to provide enhanced user experience with buttons on the bottom which clearly indicate what action is expected.

Some tips to make your future projects even better

Investigate color meanings — colors inspire and have subliminal meanings, various to different people and different countries. Some colors inspire, some sell, the right color can make all the difference.

Get some graphic design course — because graphic design topics covered in this course were not profound enough and you really want (need) to be pixel perfect.

Develop a critical eye — before starting your prototype investigate what is already on the market and find as many errors as possible.

Talk to developers before you start — developers are great first testers. They know if something is feasible and can give you valuable first insight.

Test on as many users as you can — because every one of them has different values and needs. Who knows, maybe you can put all that ideas in app version 2.0. :)

Keep learning — I cannot stress this one highly enough. Research will make you a better designer, make it a habit.

Conclusion

Finding and retaining happiness can be a real problem to some people. My idea was to make a digital reminder that a mindful and fulfilled life is really possible. Happiness can be found inside everyone and then — just expect miracles!

Written by

UX/UI designer, twitter.com/siriusthestar

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade