Tiny docs

Deliverables:
High fidelity screens and clickable prototypes in Figma
Tools:
Figma
Stakeholders:
Tiny Docs Executive Team, Developers
Team:
Talia Bowles - Product and Interaction Designer
Sara Holt - Product Designer, UX Strategist
Cody Veidelis- User ExperienceDesigner
Skills:
User Research, User Interviews, Sketching, Prototyping, Visual Design, Product Design, Interaction Design, Project Management
*Jump to demo
Problem
What is Tiny Docs?
With the help of our medical board, Tiny Docs creates animated cartoons that teach kids about their health in a fun, relatable, and easy-to-understand way.
User Stories
As a teacher, I want to be able to assign customized lessons and activities to my students that keep them engaged, so that they absorb as much information about the medical world as they can.

As a parent, I want to be able to let my child work through a health curriculum that was built with children top of mind, so that I do not have to continually screen content.

As a kid, I want to learn more about my health and the healthcare system in a way that is fun for me, so that I am not scared when I have to go to the doctor/hospital.
Research
Based on the user needs and discussing with the client, it was decided that my team would create an accessible online learning platform that would host the content that Tiny Docs has already created. The platform will be called "Tiny Academy"

A comparative analysis of other online learning platforms geared towards children was used to inform the interview questions. (See Appendix)
Interviews
There were two sets of questions. One set for the parents/teachers, one for the kids:

Teacher/Parent Questions:
1. What type of resources (video, activities, powerpoints, etc.) are your favorite to use?
2. What type of online educational resources are the easiest for you to implement in your teaching?
3. How do you feel about your students/children learning content online?
4. How often and for how long do you allow your students/children to play or watch educational games and videos?
5. How do you like to track the progress of your students/children? How important is progress data to you?
6. How do you like lessons to be structured?
7. What filters are important to you when searching for online educational resources?

Kid Questions:
1. How do you learn new things?
2. What is your favorite game? Why?
3. What are your favorite websites?
4. When you watch videos and play games, do you do it on a phone, iPad, or computer?
Key Insights
1. Parents, teachers, and students have varying needs.
2. Parents like having full lesson plans. Teachers like smaller customizable components.
3. Parents and teachers want to track the progress of their students/children.
4. Kids are drawn toward visually engaging and interactive content paired with a reward system to incentivize progress.
Ideate
Online Learning Platform Features
Once the needs of the users were identified, they were each addressed with different features that would be built into the prototype:
1. Parents, teachers, and students will each have separate portals to address their varying needs
2. Parents and Teachers will be able to assign full lessons plans and smaller components within those lesson plans
3. Parents and teachers will have a "progress tracker" to see how students are progressing on each activity
4. The kid portal will have an interactive "doctor's office" where the assignments will be posted, as well as a medals that students can earn as they progress through their assigned material
design
Test
User Testing
When conducting user tests, the users were asked to:

Parent/Teacher
1. Go through the onboarding process
2. Explore the portal homepage
3. Search through, filter, and assign lessons

Student
1. Go through the onboarding process
2. Explore the portal homepage
3. Explore assigned lessons
Insights
Here is what I learned from the tests:

1. Parent/Teacher users found the buttons to be too large.
2. Users found the layout to be familiar and easy to navigate with the right amount of features.
3. Parent/Teacher users wanted the lessons filters to have more specific age/grade options.
Solutions
Here is how the prototype was improved after user testing:

1. The buttons for the parent/teacher portals were made smaller, while the size of the buttons in the student portal stayed the same.
2. More specific age/grade filters were added to the lesson search page.
Prototype
Individual Flows
Click to see all flows ↴
Full Demonstration
*Back to top