Type: Experiences

Software: Figma, Adobe Creative Suites
Deliverables: Prototype, User Research

UX/UI process of a creative challenge and habit forming app

Creaio

During pandemics, I found myself more open to try out new ideas and  simple DIY  projects to keep myself occupied or simply fill the "socializing void". I'm certainly not the only one. A research conducted by OnePoll with Bernzomatic found that during pandemics,  81 percent of millennial respondents have completed a DIY or home improvement projects this year. Activity-Based books and art supplies sales has skyrocketed, while demand for kitchen recipes and instructional videos have risen at full speed.

Doing something creative everyday can be a very gratifying process, as we have seen these A Poster A Day posts on Instagram and wowed at how they evolved. However, when it comes to ourselves it's very challenging to keep the promise, and once we missed a few days it's easy to feel guilty and say never mind. How can we motivate ourselves to do creative things more regularly? I came up with this idea during my UX course to design an app to help form creative habits enjoyably for everyone.

Empathize

After some secondary search, I sent out a survey to friends and online art and design communities. The result is very fascinating: 92% of the respondents want to spend more time doing creative things every day (even though only 72% considered themselves as "creative"). 61% of the respondents want to spend 30 minutes to 2 hours per day doing something creative.

During interviews with five of my friends, I noticed how everyone emphasized the urge of art making or doing something creative comes from within, as it is a form of self-care, fulfillment or "a reassurance of being alive". They are also more open to try something new if it's easy and they have materials available. The main barriers to them also validate the survey: Time and not having the habit to create.

Regarding the question of using habit forming app, two of the interviewees have used these apps but both got frustrated by the constant reminders and alarms. They want the app to be more forgiving and encouraging instead of being competitive.

Identify

To further identify and define the problem, I designed my user persona, Hannah. Hannah wants to be considered as a top creative and work on her numerous ideas outside of work, but she ends up always spending her spare time relaxing or socializing. How can we help Hannah work on creative things more often and effortlessly?

To test the solution at an early stage, I drafted a Mid-fi prototype after some ideations. During my research, people were more interested in an app "help form creative habit" and "give creative challenges to complete", therefore I started with two main user flows in my prototype: Start My Project and Try Something New, which are working on your existing creative projects and receiving a random creative challenge. A countdown timer to help focusing will start as the user works on a project. After the project is finished, the user can document or share the result, or see how others do it.



Personalized Dashboard and Community

On Dashboard, user can choose to browse through recommended challenges, continue a recent project or start a new challenge.

To explore the creatively community, simply click on the navigation menu and browse through recent posts of completed challenges.


Filter and Swipe for Challenges

To get a challenge, user can filter by amount of time and available tools, which are key factors from previous research, or enter a custom project.

A challenge will display with gallery, required tools and step by step detailed instructions. User can swipe to next challenge til the most desired option appears.

Testing

Here are the main insights after testing Mid-fi prototype with 4 users:

1."Try Something New" is the preferred flow for all users.
2. More detailed and clear challenge instruction or video is needed.
3. Timer countdown can make the experience too stressful.
4. Gamification or a personalized dashboard will motivate users more.
5. A community of sharing and feedback is crucial.

The final user flow of the prototype narrows down to one main flow of creative challenge instead of two as before. User opens the app and enters Dashboard, selects a challenge and follows instructions. After completion user receives a badge, documents the result and shares to the Explore page.

Moodboard

To start defining the brand identity, I created a moodboard with the following brand attributes:
Imaginative, playful and dynamic


Style Tile

The name of the app is Creaio. I chose the Demos Next family designed by Linotype as headline, as it is elegant but casual and readable. The body typeface is Neue Haas Unica from Monotype, one of my favorite typeface that is clean and has a warm, inviting quality.

The primary color palette is consisted of bright orange, yellow, beige and dark blue. It's playful, friendly and gender neutral at the same time.


Flexible Documentation

User can look at past work in three flexible layouts on My Canvas, and seek inspirations and creative patterns by viewing them differently.





Creative Insights and Data Visualization
‍‍‍

My Insights panel offers an overview of creative time, active level and skill strength. The badge system and "Longest Streak" also encourage users to practice more. The data shown here also focuses on positive reinforcement to make the app more "forgiving".


Solutions



Detailed Instruction and Badges

User can click "Start creating" or schedule for later. Each step of challenge is displayed in a separate page for it to be easier to follow.

A timer will be counting up the total time has spent on the challenge, and a badge is granted afterward according to the time spent. After completion, user can choose to document and post on community.

Related Projects

Mello

Experiences

Venn

Experiences

Reel 2020

Motion