AI Image Generator
Designing predictive AI to reduce cognitive load for teachers
What?
AI image generator that creates classroom-ready visuals by anticipating what you need next.
For who?
K-12 and higher-education teachers preparing slides, worksheets, and LMK posts under tight prep time.
My role
Product designer owning research, IA, flows, and UI
Project duration
5 weeks
Tools
Figma
Why This Matters
Getting tailored results from existing AI models is not as easy as one might think, and it's costing teachers important time that could be spent with students.
Most teachers are not AI prompt experts which can make it difficult to get specific results, especially when AI generators are making assumptions to fill in the gaps. Generic AI tools are not tuned for grade level, curriculum, or safety, which slows lesson prep and leads to inconsistent visuals.
What Educators Need
The Solution
How I Did It
Establish Goals
Empower educators
Enable teachers, instructional designers, and educators to generate custom visuals without needing advanced technical skills.
Save time
Replace time-consuming manual searches or edits with a fast, AI-driven process so that educators can spend time engaging with their students.
Ensure tailored results
Provide outputs that are appropriate for classroom use, incorporating robust content filters and educator-specific style presets.
Competitive Analysis
Early Exploration
Wireframes
Educators liked the simple flow, but felt unsure how to refine results without starting over.
Next, we focused on adding guided suggestions to make refinement easier and reduce prompt entries.
Problem: Teachers weren't sure how to refine images without starting over, which led to multiple trial-and-error prompts.
Change: Introduced one-tap suggestion chips to guide refinement without retyping.
Impact: In testing, educators reported greater confidence and reduced retries by 40%, reaching a usable image in fewer steps.
Early Exploration
Wireframes
Splitting the flow into multiple steps risked slowing users down, and the text input box was underused since inputs were already handled in the message boxes.
Next, I aimed to front-load key information and give the text box a clearer purpose to streamline that experience.
Problem: Previous flows required multiple steps and left educators uncertain how to refine or reuse inputs, slowing down lesson prep.
Change: Consolidating the setup into a single screen with front-loaded inputs (Grade, Subject, Topic/Learning Goal) and added anticipatory suggestion chips.
Impact: Educators could generate a classroom-ready image in fewer steps, with higher first-try success and less fatigue, making the process faster, more reliable, and tailored to lesson needs.
Wireframes