BitWithBite
UI/UX Worksheet
🔍 Information Architecture
SCORE___ / 20
NameClassDate
After this worksheet you can
Explain card sortingExplain sitemapsExplain user flowsChoose navigation patterns📚 Quick Recap
🎯 What you'll practice: Card sorting, sitemaps, user flow diagrams, and navigation patterns.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Card sorting reveals:
2A sitemap shows:
3A user flow diagram shows:
4Breadcrumbs are an example of a:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5A sitemap works like a of contents for a website.
6Information architecture decides content lives before UI decides how it looks.
7Why can a beautifully designed screen still frustrate users?
8Name 3 common navigation patterns.
9Describe how card sorting sessions are typically run.
🚀 Section C · Challenge ● CHALLENGE 5
10Sketch out (in words) a simple sitemap for a recipe app: list the top-level pages and one level of sub-pages under each.
💭 Reflection — the most useful thing I learned:
A ___/4 B ___/11 C ___/5 Total ___/20
Teacher's Signature
Parent's Signature
✂ answer key — fold or cut before handing out
1-B 2-B 3-B 4-A | 5 = table 6 = where 7 = If it sits in the wrong place in the navigation structure, users still can't find or understand it, regardless of visual polish 8 = Tab bars, hamburger menus, breadcrumbs 9 = Participants sort content labels into categories that make sense to them, revealing their mental model of the content | 10 = Answers vary — e.g. Home (Featured, Recent), Recipes (By Cuisine, By Diet), Saved (Favorites, Meal Plans), Profile (Settings, History).