STAK’d?
The Problem Statement
How might we design a mobile app that empowers people to learn new vocabulary?
Design Criteria
Everybody wants an application to be “fast, simple, and intuitive. Imagine someone studying on an airplane or cramming for a job interview. Think about every detail of their interaction with your product or service. Redefining vocabulary in your own words is a powerful way to quickly learn new concepts. There are already countless formal definitions out there for words and terms— we need to help users define vocabulary in a new way.
Whenever possible, bring concepts and vocabulary to life using visuals. This can help those more visually inclined to access the vocabulary in an alternative way.
My Tasks
Competitor Research, User Research, Personas, User Flows, Task Analyses, Wireframing & Prototyping, Usability Testing, and Presenting End Product.
The Research
The Users
I had the opportunity to interview three people for this project. Two of the people are current design students from different colleges, both online, and one teacher works at a private elementary school in our area. I was able to ask them similar questions that would impact my research in similar ways but also create approaches from different fields. From the perspective of learning and teaching.
Questions
1. As a student/teacher, tell me about your responsibilities and daily routines.
2. What was your first day of class like and what were some of your biggest challenges in starting with your new class?
3. When was the last time you had to learn/teach a good deal of new vocabulary? Did you succeed? Why or why not?
4. Tell me about a time you’ve been frustrated with learning/teaching new vocabulary. Why was it frustrating? Is there something that could have made it easier for you?
5. Why do you think learning/teaching new vocabulary is difficult?
Competitor Analysis
Through using 3 different vocabulary apps, they all had strengths in their own way, but many flaws that were similar. Seems that onboarding is a tricky thing to nail down and is really where these apps fall short the most.
Not only that but interesting and engaging design and interaction with the app is lackluster. Most clouded with features that are irrelevant to what a user may need. Not that every click needs to be an experience but a utility.
There are a few things they get right though. Audio cues and being open to a wide audience that doesn’t just feel like they are for students. These apps do a good job at making it feel that I could use these on projects and have use for them in my day to day.
User Persona
Demographic
Name: Brian Schefield
Age": 19
Sex: Male
Occupation: Full-time Art Student
Martial Status": Single
Location: Birmingham, UK
Goals & Motives
Needs a way to share notes and study with classmates.
A way to just study and be able to control the way they study.
Ways to share results, notes, and reviews with professors.
Trying to find something that won’t be a hurdle to use so studying is made easy.
The Problem
Finding a learning tool that works to help with studying the way you need to study, something that won’t hinder you to accomplish your goals.
Problem Statement
Brian needs to pass his Art History class in order to move to the next phase of his schooling. With this being the one class left In his 2nd year, he can look forward to his summer interning at his favorite museum.
If Brian passes the class, then he will have the stats to show in his app the impact of studying and will be able to intern at the museum this summer.
Challenges
Trying to learn the difference between two similar vocab words that collide with each other in the familiar art space.
Being able to tailor an experience that matches my way of learning. Being more visual it’s easier for me to understand when I see corresponding images.
Having accountability to study and having a support system that will push me to improve in areas that I may struggle with.
Task Analysis
User Flow 1
Entry: Login Screen | Success: Start New Stack
1. Login Screen
- Sign Up
- Login
2. Onboarding
- If it’s the first time then show how to use the app.
- If NOT first time then show Dashboard
3. Once at the dashboard allow them to create a new study stack.
- Show existing stacks and template stacks.
4. Create new content for your stack.
User Flow 2
Entry: Create New Stack | Success: Start Studying
1. Create New Stack
2. Choose Category
- Start Blank
- Start w/ Study Template
3. Select how many cards you will need
4. New Card Stack Opens
- If Blank then you choose how you want to setup
- If a category is chosen with a template then you follow prompts
5. Start Studying
Wireframes
User Flow #1
Entry: Login Screen | Success: Start New Stack
User Flow #2
Entry: Create New Stack | Success: Start Studying
Usability Testing
Scope
Today we are going to be testing out the app that I am working on called “STAK’d”. Which is a vocabulary study app created for students and teachers.
Session
The goal was to keep sessions 10-15 mins long and interview users via zoom.
Equipment
Laptops, Phone, Adobe XD, Zoom
Tasks
Scope & Tasks Results
Usability Test Plan
What did we test?
The functionality of onboarding and comprehension
Creating tasks and being able to use the app
Understanding how to review and study in YOUR WAY
Why Test This?
Understanding a platform with minimal effort = efficiency
By creating an action step it encourages the user to jump right in and get to work
Knowing they can study the way they want its to create optimal performance