UI Pattern Quest is a browser-based classroom game for UX and game design students. Players click hotspot markers on game UI wireframes — a mobile HUD, a desktop inventory screen, and a settings panel — and identify the UI patterns they're looking at from multiple choice options. Wrong answers reveal a teaching hint. Score is based on accuracy and speed across three levels of increasing difficulty.

This is an early prototype built for in-class use and actively collecting student feedback. Expect rough edges.

----

Built with: Claude (Anthropic) for initial code generation. GitHub Copilot for HTML, CSS, JS code refinement and debugging. Game concept, learning objectives, wireframe design, question writing, and pedagogical structure by Oscar Cortez.

----

Page background by Codioful (Formerly Gradienta) on Unsplash

More information
Updated 3 hours ago
Published 1 day ago
StatusPrototype
PlatformsHTML5
AuthorOs Co
GenreEducational
Tagsbrowser-game, classroom, design-tools, Game Design, Prototype, Quiz, User Interface (UI), ux-design, wireframing
AI DisclosureAI Assisted, Code, Text

Leave a comment

Log in with itch.io to leave a comment.