designing an app Mikaela and isaiah would actually use
I relied heavily on iconography and visual cues to communicate possible courses of action. If there's anything I learned as a teacher, it's that kids don't read directions.
The decision to use muted neutrals punctuated by sparks of red was made for the sake of brand presence. I balanced it with solid white backgrounds and monochromatic illustrations, making sure colors and typography met the highest accessibility standards.
the evolution of wireframes
My main concern with low to mid fidelity iterations was creating a smooth flow in the process of navigating.
Here is the design system that was put together before jumping into HiFi's. The aim was a fun and approachable yet professional look, with simplicity at its core.
The latest iterations ended up giving off this chill, artsy vibe, which I'm happy about. I was going for "approachable," and I think it achieves that. A lot of the content is geared towards helping kids with mindfulness and mental health, and I like to think that the branding will help encourage that.
Signing up for a course begins at the home page, or the ACADEMY tab. Users can utilize the search bar, filters, a drop down menu and/or simple scrolling to navigate and browse through the options.
Selecting a topic will take them to a separate page dedicated to courses that relate to the desired theme.
The BOOKS tab will guide users to the collection of Maven's books. They can either select a new book to read, or navigate to their saved collection and continue where they left off.
The CLUB feature is what differentiates Maven from any old skill learning platform. It allows users to join a community of people with like minds and meet up in person on a regular basis. They can browse club options from the Clubs tab and view clubs they have already joined by toggling between "My Clubs" and "Explore."
Usability testing with teens involved a lot of awkward silences.
Teenagers were rather reticent when it came to giving me feedback about the prototype. The most useful input happened when I asked them questions about a task and they couldn't figure it out fast enough or didn't know the answer. It just meant the design wasn't intuitive enough.
Here are some things that worked and didn’t work during usability testing, as well as some ideas for change.
WHAT WORKED
- Brand consistency; users could tell each screen belonged to the rest of the app
- Self-explanatory navigation bar, clear iconography
- There was always a way to navigate to a page, even it was via search bar
WHAT NEEDED WORK
- Some of the taxonomy didn't make sense when put into practice.
For ex, my initial term for social media feed was “explore.” Although it works for an app like Instagram, my users kept trying to use it to search course topics, which of course, wasn’t helpful.
- Books used to live in the Academy tab, and some users were confused about the difference between them. So I separated them into 2 tabs.
- Users weren't utilizing a navigation menu on the top of the home page, so I got rid of it and spread it all out in the main nav bar.
Design projects are never really complete.
Because this project was closely related to education, my current field of work, a piece of my heart was left in it. I wasn't leaving teaching without one final tribute.
As a designer, I was raw and semi-defined, and this was where I learned to listen for empathy, hone in on my common sense, and believe in my decisions as a designer.
This project was met with a lot of time and resource constraints. I had deadlines for each aspect of the process and I had to prioritize which features to flesh out.
if i had no time constraints, i would love to create a couple more features for maven.
Since the app seeks not only to teach life skills, but also to build relationships between kids and good role models, I’d love to develop a counseling or one-on-one mentorship feature. As a teacher, I know that learning is much more effective when it is personalized. I also know that kids don’t get this opportunity in public schools. And in this information age we live in, it's the networks and specialized knowledge that breeds success.
I would also love for Maven to develop partnerships with schools to collaborate with school teachers and incorporate some of Maven's learnings into the curriculum. I can see how Maven's instructors could be guest teachers in classrooms and can offer great value towards schools' efforts to incorporate developments like social-emotional learning, which is a topic public schools have been trying to implement for some years now without being sufficiently equipped.