UX Design: Brainiac

I have recently added User Experience to my skill set, and I'm excited to utilize my background in visual and animation experience as I focus into UX design. My strong aesthetics and user engagement foundation, combined with UX principles, will help me create effective designs. As a versatile designer, I excel in fast-paced environments and enjoy solving challenges with creative solutions. I thrive in fast-paced environments and enjoy solving challenges creatively. I'm a collaborative team player who is always looking for innovative solutions.

The Project

In today’s fast-paced world, parents crave real-time insights into their child’s education. Brainiac is more than a tool; it’s going to be a parent’s new essential. Imagine being actively involved in every step of your child’s learning journey. With Brainiac, you can track progress, view schedules, access valuable resources, and partner closely with teachers. Let's empower parents to be active participants in their child's success.

Role

Lead UI/UX designer doing  the following tasks

  • Ideation and User Research

  • Sketching and Wireframing

  • Prototyping with Figma

  • Usability Testing

Duration

June 2024

Personas

USER RESEARCH

Painpoints

Responsiveness
The school website's communication systems are unresponsive and only properly viewable on a desktop. This poses a problem since most users use mobile devices like tablets and phones.

Unorganized Content
Users want a single place to view all of the student's activities at school.

Notifications and reminders
Sometimes, the website fail to remind us about school activities. It would be nice to have Google Calendar integration.

Communication with school
One-stop contact page for open communication lines with the school.

Wireframing

Paper Wireframe

Lo-Fi Wireframe

User Flow

Design System

USABILITY STUDY

Research

While I do have personal experience as a parent, I acknowledge that this may impact my initial expectations for a Learning Management System. To address this potential bias, I conducted a comprehensive research study using both qualitative and quantitative methods to examine how caregivers and parents engage with a school app for tracking student activities and accessing school information. This research also delved into the features that they find most valuable.

USABILITY STUDY : FINDINGS

Round 1

  • A tutorial on the homepage was added to help with accessibility.

  • Moved the navigation in the left side from the top part for easier access.

Round 2

  • Confirmation Checkout

  • Add an option to add ticket to e-wallet

  • Opt-out or proceed to checkout while on add-on page.

USER RESEARCH

Accessibility considerations

Color Contrast
Ensure all text has a high contrast ratio with the background (at least 4.5:1 for small text, 3:1 for large text) to be readable for users with visual impairments

Gestures
Keep gestures simple (tap, swipe) and offer alternative ways to perform actions for users who have difficulty with specific gestures

Audio
Optional haptics and sound-on-button interactions

Logical Structure
Maintain a consistent and logical layout for the app's interface

TAKEAWAY

Impact

The impact of an app that's easy to use with a smooth checkout process can be significant for both users and the business. Here's a breakdown of the positive effects:

For Users:

  • Increased Satisfaction: An easy-to-use app reduces frustration and confusion, leading to a more enjoyable experience.

  • Improved Efficiency: A smooth checkout process allows users to complete tasks quickly and easily, saving them time and effort.

  • Higher Engagement: A positive user experience encourages users to spend more time in the app and come back for repeat use.

  • Greater Trust: A well-designed app fosters trust with users because it demonstrates a focus on their needs and ease of use.

My learnings

Incorporating usability testing throughout the design process is an essential strategy for creating a user-centred product. Testing with real users after each design iteration can continuously identify and address any pain points that arise. This iterative approach enables me to refine the design at each stage, ensuring a smooth and intuitive experience for the final product. This not only eliminates frustrating obstacles for users but also fosters a sense of satisfaction and loyalty by demonstrating that their needs are being prioritized.