Increasing Usability & Foot Traffic

Category:

UX Design

Client:

Design Class Project

Duration:

6 Weeks

Abstract:

Bingo Bliss is a mental health-focused app designed to help users achieve their wellness goals through an engaging and interactive bingo game. By completing tasks that promote mental and physical well-being, users can mark squares on their bingo cards. The app leverages social accountability and goal setting to improve users' mental health and overall well-being. This case study explores the design process, challenges, and solutions in creating Bingo Bliss, from initial research to testing and iteration.

Abstract:

MSU's Translation Center is a recently founded program that ​offer high-quality and affordable translation and interpreting services in over 20 languages across the MSU community and beyond. The Center can provide training, administer language proficiency exams, and develop workshops or classes in specialized topics in a variety of languages. So when I was brought on board my job was to ​Improve usability, appeal, and increase foot traffic.

 

Abstract:

MSU's Translation Center is a recently founded program that ​offer high-quality and affordable translation and interpreting services in over 20 languages across the MSU community and beyond. The Center can provide training, administer language proficiency exams, and develop workshops or classes in specialized topics in a variety of languages. So when I was brought on board my job was to ​Improve usability, appeal, and increase foot traffic.

 

The Challenge

The Challenge

The Challenge

The primary challenge in developing Bingo Bliss was to create an engaging and effective mental health app that encourages users to complete wellness activities without feeling overwhelmed or burdened. The app needed to balance fun and functionality, ensuring that users are motivated to participate and achieve their mental health goals.

Timeline

Ensuring that the app's design and features were engaging enough to motivate users to consistently participate in the activities.

Background

Developing a system that allows users to personalize their bingo cards based on individual mental health goals while maintaining a cohesive user experience.

Constraints

Constraints

Constraints

The major limitations ultimately stripped down to do it in a reasonable amount of time with the resources I have.

The major limitations ultimately stripped down to do it in a reasonable amount of time with the resources I have.

The major limitations ultimately stripped down to do it in a reasonable amount of time with the resources I have.

Technical Limitations

Integration with fitness trackers and health apps for activity monitoring

User Privacy

Ensuring data security and user privacy, especially regarding mental health information.

Balancing Fun & Funcitonality

Creating an engaging experience while maintaining the app’s primary focus on mental health.

Pineapple Character Credit: https://dribbble.com/Artua
For educational purposes only

My Role

My Role

My Role

I was the sole user experience researcher, designer and media assistant for the translation center revamp. This meant that I had direct contact with management and took part in weekly meetings in the coordination of this project.

Defining Project Goals

Promote Mental Health

Encourage users to complete tasks that benefit their mental and physical well-being.

Engagement

Create a fun and interactive experience that keeps users motivated.

Customization

Allow users to personalize their bingo cards based on their mental health goals.

Accountability

Leverage social features to enhance accountability and support.

Tracking

Provide insights and statistics to help users track their progress and mental health.

The Process

Methods

User Survey and Interviews

Conducted to understand user needs, preferences, and pain points.

Competitive Analysis

Examined existing wellness and fitness apps to identify gaps and opportunities.

Literature Review

Reviewed studies on goal setting, accountability, and mental health to inform app features.

Key Findings

65% of people achieve their goals when making them public.

95% of people achieve their goals when they have someone to keep them accountable.

Users prefer customizable features that align with their personal wellness goals.

Social support and interaction are critical for maintaining motivation and accountability.

Defining Deliverables

Define

Define

Define

Based on the research, the primary features for Bingo Bliss were defined

Based on the research, the primary features for Bingo Bliss were defined

Based on the research, the primary features for Bingo Bliss were defined

Customizable bingo squares aligned with mental health goals.

Social features for sharing progress and supporting friends.

Integration with health tracking devices.

Insights and statistics to monitor progress.

Mid-Fidelity Wireframes

Based off of research and meetings with managers, i curated wireframes with the current goal in mind:

Conception

I would like most of my big ideas to be structually working

Conception

I would like most of my big ideas to be structually working

UI

It was really important to find a clean style that worked supported usability

UI

It was really important to find a clean style that worked supported usability

Mobile

Using Figma's mobile app I wanted to take advantage of designing for touch gestures

Mobile

Using Figma's mobile app I wanted to take advantage of designing for touch gestures

Feature Set

Mascott

Say hello to Benny! He is meant to help encourage you through your bingo journey

UI Design

The navigation is simpler, the text is easier to read, and the contrast is improved. I have also used higher quality images throughout the site. I have also divided the homepage into sections to make it easier for users to find the information they are looking for.

Accessible Web Design

Each Bingo tilehas options for text/text to speech aimed for better usage for selected users

BINGO Feed

With our white paper research having so much evidence for peer to peer accountability the home tab is designed to update your friends with your Bingo progress throughout the day where there are also option to send encouraging comments/reactions!

BINGO Feed

With our white paper research having so much evidence for peer to peer accountability the home tab is designed to update your friends with your Bingo progress throughout the day where there are also option to send encouraging comments/reactions!

Profile Tab

On this screen you are able to track your sastistics to have a better grasp if you are consistantly achieving your goals

Photo Accountability

Most squares propose you to take a photo to not only be able to share to your friends but to create memories of your achievements

Photo Accountability

Most squares propose you to take a photo to not only be able to share to your friends but to create memories of your achievements

Testing to Improve

Critique

My class of 20+ students were able to view the progress of project and give feedback on specifics

Squares

The selected squares has since gone revisions the better fit the users needs

Feature

Ideas such as having squares based off of a general set goal will continue to be tested

Frequently
Asked
Questions

Your Questions, Answered

Here I put out a set of answers that was commonly asked from multiple rounds of user testing, peer review, and user feedback.

What do the different Bingo square colors mean

Does my bingo sheet reset?

What does the flame in the corner mean?

Who is the pineapple?

What if I don't complete a Bingo

How will I be reminded about my Bingo squares

High-Fidelity Mockup Designs

What I learned

App Design

I was able to get a touch of experience in app design and I learned a lot about app user flows and how much it differs from desktop

Do enough

At the start of this broad project it was very easy to be overwhelmed in the many directions this could go. Narrowing out ideas that genuinely interested me made the entire design and research process much better.

Have fun :)

Working around this pineapple character and experimenting with fun colors made this entire project more enjoyable as peers and users were able to get emersed in this idea of this character keeping you accountable.

Selected Case Studies

Mental Health App Gamification

Learn how Framer can optimize your site for search engines.

Read More

Spacial Design Data Visualizer

Get inspired by blogs, job openings, events and more.

Read More

Instagram Reels Content Strategy

Learn about hosting built for scale and reliability.

Award Winning Club Social Media Management

Learn how Framer can optimize your site for search engines.