Phonics Friends
design for tablet
Phonics Friends interface.
Final Screen of a learning activity within Phonics Friends.
An Enhanced Learning Experience for Children with Auditory Dyslexia.
Over seven weeks, I teamed up with three other product designers to address the lack of educational tools for young children with learning disabilities. My team and I developed a multi-modal learning system consisting of a book, interactive pen, and a digital app to improve phonemic awareness in 3-5 year-olds with auditory dyslexia.
project type
Academic Project
role
Product Designer — Led user research, including teacher interviews, to inform design decisions. Prototyped the digital app's UI, aligning it with learning objectives. Created logo & brand identity.
timeline
April 2024 - May 2024 (7 weeks)
problem
  • Children with auditory dyslexia struggle with sound recognition due to fast-paced curriculums and insufficient digital resources.
solution
  • My team created a specialized book with lessons, an interactive pen that provides audio, and a digital tablet app for educational review.
impact
  • Our products were enthusiastically received and tested by four elementary school students, who validated our design decisions and expressed strong interest in future use.
introduction
Tackling Challenges in Early Education
  • Designing for early childhood education presents unique challenges, particularly when addressing the diverse learning needs of young children.
  • My team tackled the inherent ambiguity in this context, starting with researching the difficulties teachers face in supporting students with learning disabilities.
  • In this project, my team seeks to provide teachers tools and resources to better support their students with auditory dyslexia.
interviews
Teacher Interviews Reveal Curriculum Challenges
  • I conducted four teacher interviews and designed surveys to gather quantitative data on teacher and student needs.
  • I analyzed teacher feedback to identify pain-points and challenges they face in the classroom, particularly the lack of access to effective digital tools.
  • Below I've included three quotes that illustrate these pain points:
"The curriculum moves too quickly not taking into consideration learning modalities...this means that the curriculum has to be broken down into parts."
First Grade Teacher
ILEAD Schools
1. Educational Content Needs to be Broken Down for Progress Tracking.
"There are many digital resources available, but very few give immediate feedback to correct student mistakes. This leads to students mindlessly clicking through an app."
Kindergarten Teacher
LAUSD Schools
2. Many Digital Educational Tools Do Not Provide Immediate Feedback.
"In general, I believe that digital tools can be valuable, but in moderation with other modalities of learning such as hands on learning, traditional paper and pencil assignments, etc."
Kindergarten Teacher
LAUSD Schools
3. Using a Variety of Learning Modalities Bridges Learning Gaps.
problem statement
Students with Learning Disabilities need Additional Support to Effectively Learn
  • I analyzed research findings to create an actionable user persona, emphasizing students with auditory dyslexia, who face significant challenges in the classroom.
  • The team translated user feedback to create a clear problem statement; the lack of resources for young students with auditory dyslexia led us to ask:
How might we help support children aged 3-5 with auditory dyslexia by helping them process and distinguish sounds?
desktop research
Desktop Research Informed Us on the Needs of Children with Auditory Dyslexia
  • I conducted desktop research to help identify the needs of students with dyslexia.
  • Through discussion, my team identified multi-sensory learning and Structured Synthetic Phonics (SSP) as key elements for effective phonics instruction.
Icons depicting Visual, Auditory and Tactile Info.
Icons depicting Visual, Auditory and Tactile Info.
Multi-Sensory Learning: Visual, Auditory, and Tactile Information
Research shows multi-sensory learning, which combines visual, auditory, and tactile information, is most effective for students with learning disabilities, as it enhances memory and comprehension.
Chart Breaking Down Structured Synthetic Phonics (SSP).
Chart Breaking Down Structured Synthetic Phonics (SSP).
Structured Synthetic Phonics (SSP) Improves Phonemic Awareness
Structured Synthetic Phonics (SSP) accelerates phonics instruction, which progresses from basic letter-sound recognition to fluent reading, by systematically building phonemic awareness through six stages.
competitive analysis
Analyzed Learning Tools to Inspire Design Features
  • I researched and examined digital and hands-on learning tools for students with dyslexia.
  • I sought to identify technologies and interactive elements that support our user's needs, helping my team pinpoint successful features that assist with pronunciation.
Flannel Board Stories with cut out characters
Flannel Board Stories
Flannel board stories use felt props to engage children with storytelling. Children with auditory dyslexia can benefit from repetition and sensory interaction with these materials.
Leapstart Learning Products
LeapStart Learning
LeapStart Learning utilizes an interactive pen and book that uses microscopic page dots to pinpoint text and images, reading them aloud to students.
Duolingo Screens depicting individual lessons.
Duolingo
Duolingo breaks down educational content with progress tracking and motivates learners through gamified elements like daily goals, badges, and instant feedback.
synthesizing research
Reviewing Our Main Insights to Discuss Key Aspects to our Educational Tool
  • I synthesized research findings to guide my team in prioritizing key features for our specialized learning experience based on these four key insights:
1. Break down educational content into stages with progress tracking
2. Use elements of gamification and storytelling to make learning fun
3. Provide clear and immediate feedback on student's mistakes
4. Incorporate multi-modal and multi-sensory learning
ideation
Sketching our Ideas Helped us Agree on Key Aspects to Include in our Designs
  • Through discussions, I advocated for a multi-sensory and multi-modal learning that can be fostered using tactile items.
  • I sketched initial concepts, focusing on size and look of props to aid sound pronunciation and fun storytelling within our learning experience.
A sketch of a versatile phonics toy box.
Sensory Phonics Toybox
A phonics toy box, inspired by flannel boards, combines storage with an engaging storytelling stage.
‍A sketch of a tablet carrying case featuring integrated storage compartments.
Carrying Case With Storage
A tablet carrying case featuring storage compartments for tactile items depicting phonic sounds.
Sketch of die cut cards containing textured animals, objects etc. that connect to a tablet via scanning.
Die-Cut Cards With Textures
Die cut cards containing textured animals and objects that connect to a digital tablet via scanning.
design process
Creating Our Multimodal Approach to Help Students improve their Phonemic Awareness
  • Our initial sketches explored various directions, but we decided to focus on enhancing individual learning experiences rather than group learning.
  • We created an interactive book that pairs with a digital tablet app and interactive pen, ensuring a strong connection between physical and digital learning. 
  • On Figma, I created a diagram that clearly outlined our product's features and functions, helping the team gain a shared understanding and reduce confusion.
Book Icon
BOOK
The phonics book uses tactile elements and interactive pen read-aloud features to improve sound processing, identification, and pronunciation.
Pen Icon
interactive pen
The interactive pen allows children to hear and repeat phonics sounds in the book and digital app. The pen allows children to tap and draw on their tablet.
Tablet Icon
digital app
Children can use the tablet app for phonics practice and review, engaging in games and exercises that reinforce the lessons covered in the book.
Image depicting the tactile, visual and auditory components of our proposed designs.
prototyping
Creating Mid-Fidelity Prototypes to Test Our Physical and Digital Learning Experience
  • Once the team agreed on an understanding of our learning experience, we created prototypes of the actual products.
  • I researched materials for our products, creating a comprehensive material list.
  • I created orthographic sketches for our book and interactive pen. These are technical drawings that represent the product from different perspectives.
Orthographic sketches, informational sketches and physical prototypes of book.
Book
Function: Teach Lessons on Phonics
The book is the core learning tool, using engaging stories, interactive audio, tactile elements, and a calming color palette to enhance phonics learning.
Orthographic sketches, informational sketches and physical prototypes of pen.
interactive pen
Function: Provide Audio and Digital Interaction
The interactive pen is essential to the learning experience, providing audio support and enabling interaction with both the book and app.
Low and mid-fidelity screens of the digital application.
digital app
Function: Review Lessons Through Gamified Learning
The digital app uses gamified activities and immediate feedback to provide a fun and engaging way for students to review and reinforce learned phonics sounds from the book.
Heuristic evaluation
Gathering Feedback on Our Prototypes from a Cognitive Psychologist and Design Peers
  • Feedback from a cognitive psychologist led us to refine our mid-fidelity prototype.
  • We learned that it's important to be mindful of the content presented to children and to provide clear instructions.
  • We removed distracting background music, improved the storyline, clarified language, and added a movement-based learning section.
Results from our heuristic evaluation on language clarity.
Improving Questions and Adding Audio Support 
Our evaluation highlighted the importance of clear and consistent language. We reworded instructions to improve clarity, removed distracting background music, and incorporated audio of phonics to test comprehension.
Results from our heuristic evaluation on storyline details and background music.
Changing Storyline Details and Removing Distractions
Based on our heuristic evaluation, we revised the narrative to be more engaging and age-appropriate and removed distracting background music to enhance focus.
testing with students
We tested with four students to gain better feedback on our design
  • User testing with four students aged 4-6 revealed a strong preference for the textured elements in our products.
  • However, we also observed frequent biting of the interactive pen, prompting us to consider using a softer material.
Students testing our Prototypes.
Reviewing our User Test Insights to Make Changes that WIll Strenghten our Digital Experience
  • User testing highlighted the need for age-appropriate content, clear instructions, and a distraction-free environment.
  • These insights led us to refine the storyline, simplify language, and remove background music.
  • Additionally, we incorporated movement-based activities and explored softer materials for the interactive pen to enhance the overall learning experience.
High-fidelity prototype
Phonics Friends: Digital App
The digital app enhances phonics learning through gamified activities, progress tracking, and multi-sensory engagement, fostering a fun environment for students to review and reinforce phonics sounds.
storytelling & Themes
Engaging Learning Through Themed Stages and Storytelling
The digital app uses themed stages and a mascot named Huey to create an engaging learning environment. For example, the farm-themed first stage features unique characters and objects, enhancing the storytelling and learning experience.
GAMIFICATION
Gamified Structured Synthetic Phonics (SSP)
The digital app utilizes a Structured Synthetic Phonics (SSP) framework, dividing phonics into manageable stages and lessons. Each lesson is presented as a level within a gamified story quest, allowing students to track their progress while reinforcing their phonics skills.
repetition
Reinforcing Concepts Through Repetition and Movement
To enhance learning, the app provides an overview of book content, reinforcing key concepts through repetition. Additionally, incorporating insights from cognitive psychology, we've integrated a movement-based section to further strengthen learning.
Audio & feedback
Providing Audio Support and Immediate Feedback
The app's audio feature enhances auditory learning by allowing children to review and test their pronunciation, providing immediate feedback that encourages them to keep trying even when they make mistakes.
reflection
Getting More Comfortable with Ambiguity
Moving forward, I'm committed to refining our solution through user testing with children with auditory dyslexia, ensuring it effectively addresses their unique learning needs. A key challenge lies in making the product financially accessible to teachers with limited budgets. To overcome this, I'd explore avenues like grant funding, partnerships with educational organizations, or a tiered pricing model. By gathering insights from educators and students, I aim to create a scalable and impactful learning tool that seamlessly integrates into existing classroom environments, ultimately empowering teachers and improving outcomes for young learners with auditory dyslexia. This project has been a valuable learning experience, pushing me to embrace ambiguity and navigate the complexities of designing for a diverse and often overlooked user group.