🗒 Cheat Sheet← Lesson
BitWithBite
UI/UX Worksheet

🎨 UI vs UX

Chapter: Design Fundamentals · Level ★☆☆ · Time: 15 min
SCORE___ / 20
NameClassDate
After this worksheet you can
Distinguish UI from UXName common career pathsExplain why both matterName a key design tool
📚 Quick Recap

🎯 What you'll practice: The core distinction between UI (how it looks) and UX (how it works).

🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4

1UI stands for:
2UX is primarily concerned with:
3The industry-standard design tool covered in this course is:
4A role combining UI + UX across the full product lifecycle is:

🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11

5A role focused on interviews, testing, and data is a .
6A role focused mainly on visual polish is a Designer.
7Give an example of a product with great UI but poor UX.
8Why can't UI alone make a product successful?
9Name the four career paths mentioned for this course.

🚀 Section C · Challenge ● CHALLENGE 5

10A friend says "UI and UX are the same thing." Explain the distinction using a concrete app example.
💭 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-A   2-B   3-B   4-B  |  5 = UX Researcher   6 = UI   7 = e.g. a visually stunning app with a confusing checkout flow   8 = Because a beautiful UI with confusing flow or structure still frustrates and loses users   9 = UI Designer, UX Designer, Product Designer, UX Researcher  |  10 = UI is the visual layer (colors, layout, buttons); UX is the overall experience of using the product (is it easy, logical, satisfying). E.g. a banking app can look sleek (good UI) but have a confusing 8-step transfer process (bad UX).

📄 Need offline practice?Print this worksheet or open the one-page cheat sheet.
🗒 Cheat Sheet