Background

One day, one of my friends was feeling little low and needed a dose of Serotonin, a happiness hormone. He started browsing for apps on the Play Store which display motivational quotes and liners from the famous people and movie/tv series. Based on the download counts and good reviews, he downloaded some of them. However, when he looked at all the apps he could not find one which had a good user experience as well as quality content. Being a UX Designer, I took this up as a challenge and decided to design and develop an application that will have a good user experience as well as quality content.

Competitive analysis

We started learning about our competitors. We searched for similar applications on Play Store. There was a plethora of applications available doing the same thing we were planning to do. We filtered some of the applications with their download count and started downloading them. After complete analysis, some of the important issues we found which required immediate attention were:

  • ●   Most of the applications were overloaded with content. None displayed curated quality content.

  • ●   All applications were full of long content. No one wants to read long content as human’s attention span has decreased over the time.

  • ●   Poor user experience made applications difficult to use.

  • ●   Lack of planning in displaying in-app ads.

  • These issues resulted in decreased retention rate, more uninstalls and an unhappy user base.

Problem Statement

One thing was clear after competitive analysis that there is a huge demand for an application that can motivate, inspire and humor people through its quality quotes and liners. But the problem with the current applications was —

“Lack of good user experience and quality of content.”


Ideation

At this point of time, we had a clear definition of the problem we were planning to solve. So we started brainstorming sessions. We discussed all kind of solutions which can address the problem. Some of the points came out from these discussions were:

  • ●   Content is the king. Strive for the quality rather than quantity. People always stick to the applications which provide quality content.

  • “Create a database of quality quotes and liners from famous people.”

  • ●   People don’t want everything on the screen. They come to read good quotes for inspiration. Overwhelming them with many options would result in low retention rate.

  • “Design simple yet elegant interface which respects user’s need.”

  • ●   Advertisements are always annoying irrespective of where they show up in the application. However, they are the best options for earning money and keep the application alive. Challenge was to find a way to use them without affecting user’s journey.

  • “Incorporate advertisements in the design without distracting user’s attention and improving app efficiency.”

Design

With above points in mind, we started working on the designs. I conducted many design studios with the team and sketched various ideas on the paper. After continuous iterations, we decided to have a clean card view covering most of the mobile screen space having one quote on it at a time. This would help users to keep their attention on the content all the time.

One interesting feature that we added was a spinner. It allows users to see random quotes. Conventionally, to read a quote, users have to select a particular author or tag from the navigation which would show all the quotes as selected and through swiping right/left or top/bottom they would see all the quotes. To select a different option, they have to follow the same steps again. To reduce this friction we introduced spinner concept which would allow users to see random quotes on a single click.

Once all the screens were finalized on the paper, I converted them into high fidelity wireframes in the photoshop. Some of them are:



To remove all kind of distractions, I selected a color palette with only 4 colors to make the interface simple and clear. I used Josefin Sans for quotes to give an elegant look and Cabin for other text for high legibility and readability.


Icons were used are:


All the interactions are captured in the following video:




A good logo always transcends the right message about the company and its area of functionality. For this project, I wanted to design a simple logo without any convoluted curves or shadows. I sketched many ideas on the paper and finally decided something which was intuitive and simple. As our focus was on displaying quality quotes, I used the word Q inside the quotation marks with closing quotation mark on the right bottom.

It represents Quality Quotes.

The final logo looked like this:



Tools/Technologies

  • ●   Tools used for the project:
    Whiteboard, Pen/Paper, Trello for project management, Photoshop for wireframing, Illustrator for icons/graphic, Origami Studio for dynamic prototyping, Dropbox for storage and paper for documentation, Android Studio for application development, Android mobile for testing, Buffer for marketing, Vimeo for video storage, Slack for communication.

    Fortunately, I have a good development team which is building this application. Soon, it will be available on Play Store.

  • ●   Technologies used:
    React and Ant design for Admin pages, Firebase for hosting, database and analytics, Java for Android application.


Future work and enhancements

Once the app is on the play store, I will be continuously tracking its growth using some metrics  — Number of downloads, uninstalls, retention rate, and session duration etc.
Along with this, I will be working on few enhancements like:

  • ●   Search quotes based on the moods through a voice command to make the application more personalized.

  • ●   Add your own quotes and let people like/comment on it

  • ●   Day/Night mode

  • ●   Internationalization


Closing thoughts

Before starting this side project, I always thought I wouldn’t be able to start it as I don’t have spare time. But, once I took this challenge I realized that I have plenty of time to not only work on side projects but other activities as well. Through this project I realized that —  time is abundant, only you are not using it properly.
Being a designer, manager, and marketer for the project I learned many things like:

  • ●   Freedom is the one of the most important values a team/organization should incorporate in their culture. It enables members to be creative, think out of the box, and spend time to find the right solution for anything. It allows them to be flexible and balance their personal and professional life.

  • ●   Benefits of extensive Research

  • ●   Time/Team management

  • ●   Project management

  • ●   New design tools — Origami Studio

  • ●   Social Media Marketing using buffer

  • Overall, it was a great learning experience and I would recommend everyone to take at least one side project a year.


You can follow qtoniq on


Currently, we have more than 1700 and increasing followers on Instagram and Twitter.
Our content on social media is:





CONTACT ME

PHONE

+91-96424-57572

EMAIL

iamravisurana@gmail.com

© 2017 www.ravisurana.com. All rights reserved.