Stackd-mainscreen_logo.png
 

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.

 
 
carlos-lindner-ZVo7vtXilCs-unsplash-min.jpg

Brian Schefield

“You must be open to learn in order to grow."

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

 
Group 44.png

Trying to learn the difference between two similar vocab words that collide with each other in the familiar art space.

Group 45.png

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.

Group 49.png

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.

(Click To Enlarge)

 
 

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

 

(Click To Enlarge)

Wireframes

User Flow #1

Entry: Login Screen | Success: Start New Stack

Sign In - Onboarding - Create New Stack

User Flow #2

Entry: Create New Stack | Success: Start Studying

Enter New Stack - Create Stack parameters - Load Stack with Info - Set Stack Review Settings - Review Stack - View Results

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

 
Group 54.png
 

Low-Fidelity Prototype