Designing an AI Interface Accessible for Students With Little Digital Literacy
End-to-End Product Design
GUARDIAN INC.
Guardian Inc. is a startup dedicated to social impact, developing servers with educational databases and an AI tutor for students in areas without access to the internet to get the same quality education we do.
ROLE
Founding Product Designer
TIMELINE
Fall 2024 - Present
THE DESIGN TEAM
Aaron Lee, PM
Devin Hayden, Designer
Lauryn Kinsella, Designer
Teri Shim, Designer Lead
SKILLS
Product-Thinking, Prototyping, Interface Design, User Research, User Testing
THE PROTOTYPE
A Tutor to Guide Students Through Exploring Their Curriculum
THE PROBLEM
Many regions around the world lack access to quality education due to limited internet connectivity
The internet provides timely, quality resources (we’re using it right now, hi), yet many places worldwide still lack reliable access.
We started Guardian Inc. to bring quality, timely, and organized educational materials to students and teachers in underserved areas.
We’re working on developing an intra-net edge computing device that essentially works as a local server. Students are able to use donated, old devices to connect to the server’s network, recreating the internet.
On this server we have thousands of educational materials from Khan Academy, TedX, and more that are all processed by an LLM that can then support teachers and students with their learning and research.
FEATURE IDEATION
Going From Big to Small and Designing a Feasible Yet Effective Version 1
For version 1 of the product (we tested the first 3 devices with ChatGPT’s UIUX), I first led the team through some brainstorming exercises.
We were brainstorming based on: Video observation, the knowledge many students knew how to use WhatsApp but not much more, a familiarity with devices like Rachel, and a need for a lab section.
[a] Starting big, coming up with ideas regardless of feasibility and more for the dream platform.
[b] Prioritizing v1 features that are feasible for engineering, provide a foundation, and can serve as testing benchmarks.
[c] This led to our low-fis and general user flow.
FEATURE HIGHLIGHT
Designing for kids with little digital experience, using familiar interaction patterns and guiding users through quick actions
01
Using familiar interaction patterns from WhatsApp
Most students only use a phone once a month and when they do, they use WhatsApp to talk to family/friends. I used familiar patterns like clicking send from WhatsApp to guide users through the interface more smoothly.
05
Keeping DiDi in the sidebar for students to ask questions while going through other resources
Designed the chatbot as an assistant to guide students and answer questions while they explore resources.
QUICK ACTIONS
01
Helping educators write "quiz"zes
Through interviews with educators, their key pain point was designing test questions between the ever-changing government curriculum requirements and a lack of resources to cite. Includes options to save as a pdf and edit questions, giving educators control.
02
Helping students "practice" for exams
Helping students study for exams with tailored practice questions, taking more pressure off of educators to design and issue quizzes to classrooms of minimum 60 students.
03
Guiding students to learn with "suggested topics" and "related sources"
Suggested topics to help students find topics to research, and related sources to help them dig deeper into their chosen topic (rabbit-holing!)
TEACHING DIGITAL LITERACY
Using quick actions with auto-fill in prompts to teach students prompting
Instead of giving them written guides which are tedious to read through, I thought of using fill-in prompts to help them learn by example.
RESEARCH
Learning How to Structure Conversations and Interpret Observations
Working with post-doctoral research scholar Dr. Ariel Han, we designed research guides and questions to hand off to people on-site.
A snippet of some user interview questions focused on finding challenges and abundances in the students’ and educators’ lives to pinpoint what features would be most impactful.
USER INTERVIEW
Designing For Our Users: Interviewing a Student from South Sudan
Recently we got to have our first user interview with Luka. He's a 6' 4" basketball player who taught himself how to code attending South Sudan's top boarding school. From this interview we came away with two main takeaways.
A Computer Lab With No Computers
The school's computer lab has no computers (I KNOW, we asked twice).
The reason behind this is unknown, we have future plans to talk with admin to understand exactly why.
Funding?
No internet and so no meaning?
Lack of space?
Incoming computers?
Bridging The Gaps in Learning
Luka, aspiring to study computer programming in the US, is self-teaching through four external sources:
A friend at Princeton (he talks to while at home).
Programs for university prep.
Robotics at a local university.
Internet access at home in Kenya.
Since not all students have internet at home, recreating these external resources on our device can help more students explore and grow their passions like Luka.
COLLABORATION AND COMMUNICATION
Organizing Critiques, Group Work Sessions, Open Communication Channels, and Stand-ups
I had worked with developers and PMs in the past but this was the first time I was doing it in a fast-growth startup environment where we all had to take high levels of ownership over project aspects beyond interface design.
Together, we learned to organize…
[a] Weekly stand-ups: Creating slideshows to explain functionalities in concise ways with the developers.
[b] Critiques: Here’s our little talent show section on Figma for designers to be able to give and receive feedback.
WHERE TO FROM HERE
Conducting More Market Research, Working on v2, and Refining Designs
Testing
We're working closely with the non-profits to start doing some heavy-duty testing of our pilots out in South Sudan.
Market Research
We’re going to continue conducting more market research, talking with different professionals to gauge where we meet be able to use this technology in the private sector.
Iterating
We’re continually iterating and revising our design, trying to find more ways to test with users and conducting interviews with students (like Luka! Super cool basketball player).