Screen Shot 2020-12-17 at 1.01.02 PM.png
backgroundCS_edited.png
WomanPhone.png
bluebackgroundCS.png
backgroundCS_edited.png
backgroundCS_edited.png
Screen Shot 2020-11-12 at 5.04.10 PM.png
backgroundCS.png

CASE STUDY

INTU8 Magic 8 Ball

How To Create an Intuitive Magic 8 Ball App
Screen Shot 2020-11-12 at 5.04.10 PM.png

Roles:

Sadie Cruz

Project Manager, Prototyper,

Researcher, Visual Designer, 

Co-Information Architecture

 
Isaac Wei 

Co-Researcher

Danna Balassyano

Information Architect,

Co-Researcher
 

Deliverables:

Brand Strategy, User Research Plan, 

Wire-frames, Style Guide, Prototype

Tools:

Figma, Google Forms, Google Sheets, Miro

Time:

4 Weeks

INTU8

INTU8 is an astrology-based Magic 8 ball intended to ease anxiety when decision-making.

INTU8 helps build your intuition with Horary Astrology, a form of astrology that creates answers based on the astrology chart of your question. INTU8 is for the traveling astrologer and anxious decision-maker who are looking for a simple astrological way to find guidance.

 
BadReviews_1.png
BadReviews_2.png

We found frustrated users who were turning to a novelty app for honest advice.

EXAMINE

We looked at the origins of the magic 8 ball:

Founder, Albert C. Carter, was influenced by his mother who was a clairvoyant and believed in spiritual properties.

Initial Research

With so many other forms of Magic 8 Balls on the market we wanted an app that would stand out from the rest.

Users in the app reviews wanted more authentic answers that related to them.

We looked at competing magic 8 balls:

Founder, Albert C. Carter, was influenced by his mother who was a clairvoyant and believed in spiritual properties.

So, our team asked...

How might we make the answers to an

8 ball app more intuitive for our users?

UNDERSTAND

INSIGHTS

We conducted market research, user interviews, and user surveys to test our theory and empathize with potential users.

How interested are people in using astrology for decision-making?

How often do you look outside of yourself to help you make a decision?

43% of users say Often

Do you think Astrology can help you make decisions?

56% of users say Yes

Are people who use Magic 8 ball apps looking for more intuitive answers?

Users want a personalized app: During market research, users wanted the ability to customize their magic 8 ball and be able to give them more accurate advice.

This gave us the idea to create a more intuitive app that was centered around astrology.

What is your biggest concern about using an intuitive Magic 8 ball app?

Addressing user concerns about astrology decisions: During our survey, people who believed in astrology wanted their advice to be accurate, specific, and reliable.

Users said their main three concerns were

Reliability, Accuracy, and Privacy

 
Screen Shot 2020-11-12 at 7.02.52 PM.png
 

UNDERSTAND

The User

From user interviews, we created...

Jessica Khan represents the casual user that believes in astrology, wants to grow her intuition, and likes to keep her life problems private. 

Casual User Persona
Casual User Persona

press to zoom
Casual User Persona
Casual User Persona

press to zoom
1/1

UNDERSTAND

The User Journey

We included pain points and needs from user interviews to inform the emotional experience of our users.

 

Based on this information, we have created a featured list and workflow that informed the information architecture of our app.

User Journey
User Journey

press to zoom
User Story
User Story

press to zoom
User Journey
User Journey

press to zoom
1/2
bluebackgroundCS.png

OUTCOME

Final Outcomes

We conducted our final round of usability tests with our target audience and a professional astrologer. This helped us test our solutions from the last round of testing and brought more accuracy to the horary astrology aspect of the app. 

OUTCOME

#1: Sun sign to Moon Sign

In our usability test with Sanaa, professional astrologer,


In Horary astrology the moon sign is more relevant to decision making and represents the emotional aspects of a person.
 

BEFORE

Screen Shot 2020-11-14 at 7.45.40 PM.png

AFTER

Screen Shot 2020-11-14 at 7.45.47 PM.png

OUTCOME

#2: Using the Mental Models

for Menu Bar

In a usability test, it was pointed out the oddity of adding an about page to main menu.

After checking in with other sources, we decided to change the four menu buttons to three.

BEFORE

Screen Shot 2020-11-14 at 7.45.58 PM.png

AFTER

Screen Shot 2020-11-14 at 7.46.04 PM.png

OUTCOME

#3: Adding Personalizing Features

When conducting the usability test, most of the participants wanted more options for the page.

 

We add a button to change the photo that we miss in the first frame and add the moon sign information to personalize the page a bit more.

BEFORE

Screen Shot 2020-11-14 at 8.25.48 PM.png

AFTER

ProfileNew.png
backgroundCS.png

IDEATE

The User Flow

After creating the story maps and the user journey, we started our user flow. We considered each step our users would have to go through to ensure they get the right answer to their questions using horary astrology. 

Screen Shot 2021-04-12 at 11.04.27 AM.pn

IDEATE

Ideation Workshop

I lead ideation workshops for my team where we made crazy 8s for different features, work-shopped user flows, and created sketches to test out the app flow. 

 

We wanted to get a chance to brainstorm and combine our ideas to make the best looking interface for our app. 

Intro_Pages
Intro_Pages

press to zoom
Main_App_Flow
Main_App_Flow

press to zoom
Menu_edited
Menu_edited

press to zoom
Intro_Pages
Intro_Pages

press to zoom
1/3

IDEATE

The Wireframes

From the ideation workshops, we have created the right sketches to move forward to design the wireframe. After the first iteration of the wireframe, we conducted a user test. 

Screen Shot 2020-11-12 at 11.28.59 PM.pn

IDEATE

Wireframe Testing

Wireframe Testing: We conducted an action test for different features and the overall app flow. We discovered clarity issues in our information architecture:

Found Confusing  

Payment flow for premium sign-up

loading screen for decisions

the affordance of forgiveness

We reviewed the Nielsen's 10 Heuristic guidelines and made sure that we created a checklist for future development.

Fixed Confusion

IDEATE

Design Principles

From the main insights of our explore and understand phase we develop principles to inform the visual design of the app. This informed the way I created the app design system.

Nostalgia

Nostalgia is the main feature of using an 8 ball app. We want our users to feel reminded of the toy aspect of the 8 ball.

Personalization

Personalization helps separate us from the rest of the market and allows the user to connect to the app and make it their own space.

Authenticity

Authenticity is one of the main concerns that surveyors had, and it motivated us to make it as intuitive as possible and partner with professional astrologers.

Spirituality

Connecting to the origins of the 8 ball app made us realize that the 8 ball can be more than a toy and can be used as an actual tool to help grow the user's intuition.

IDEATE

The Brand

Combined with the competitive analysis and the initial research, we decided that the design elements for INTU8 had three themes in mind: a video game feel, a mystical and spiritual vibe, and an astrological dark but colorful design. 

Screen Shot 2020-11-14 at 6.37.15 PM.png
Screen Shot 2020-11-14 at 12.17.36 PM.pn
Screen Shot 2020-10-02 at 6.29.07 AM.png
8 ball

Highlights the magic 8 ball 

Hourglass

An hourglass represents the time which is a major aspect

of horary

Sand

The sand is in the shape of a triangle because it represents an aspect of astrology called Trine meaning the easy flow of communication.

IDEATE

The Prototype

We conducted usability testing for the wireframe, which helped us create the first version of our high-fidelity prototype. Using that feedback, we edited the first version and completed another round of usability tests that helped us make this latest version of INTU8.

Screen Shot 2020-11-14 at 7.19.10 PM.png
 
 
Screen Shot 2020-12-15 at 2.30.42 PM.png

More Work

mockup4.jpg
card.png

Plan A Health

How To Make a Patient-Focused Mobile Clinic Website

Web Design, UX Design, Branding

bluebackgroundCS_edited.png

OUTCOME

The Tested Prototype

We conducted user interviews, used the key findings from our research, and learned from our user testing to create the intuitive magic 8 ball infused with horary astrology.

Screen Shot 2020-11-12 at 5.04.10 PM.png

OUTCOME

#4: Clarifying our Horary Astrology Results

While working on the prototype, we had an official reading done by an astrologer.

We focused on the main aspects that needed to be shown to help make the user decide. Her direction made the app more accurate. We also added an "ask another question" button to make it easier for the user to start over.

BEFORE

V1Anwsers.png

AFTER

V2Anwser.png

EXPLORE

Next Steps

This project has taught me a lot about researching for a niche market and making sure that this app meets their needs. How to organize and plan with a team. Many things can go wrong, but how you handle the issues is all that matters.

During the final rounds of testing, we found a few more ways to make INTU8 more intuitive.

Landing(page).png

New Members Friendly

Even though there is a guide page on the app, we want to make the app more accessible to newcomers to astrology.

Usability Testing

We need to do another round of usability testing for the changes we made based on our previous usability testing round.

Testing Success Metrics

Positive Customer Feedback: to check that we addressed a missing need in the magic 8 ball market

Free to Premium conversion rates: to make sure we are targeting the right audience

Net Promoter Score: to measure customer loyalty and satisfaction