App Dev Worksheet: UI vs UX

App development lesson 9: UI vs UX · Set 106 · 40 questions

Developer's tip (Look and feel): UI (user interface) = the look: colours, fonts, icons, layout. UX (user experience) = how it feels: easy, fast, not confusing. Count taps: each arrow in a path is one tap; fewer taps for the same task = better UX.

1. 1.🔍 Which is the odd one out? (a) the button colours (b) how users feel after (c) the font size (d) the theme colours
2. 2.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
3. 3.True or false: the theme colours is about UX (the experience). (a) False (b) True
4. 4.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) how fast a task is done (d) how many taps it takes
5. 5.Which of these is about UI (the look)? (a) whether users get lost (b) how easy sign-up is (c) the theme colours (d) how users feel after
6. 6.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
7. 7.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) the icon shapes (d) how users feel after
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Item → Offers
   Design B: Home → Pay → Size → Offers
9. 9.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
10. 10.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
11. 11.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
12. 12.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Address → Pens → Menu → Cart
    Design B: Home → Pens → Shop → Address → Pay → Item → Confirm (a) Design A (b) Design B
13. 13.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the button colours (d) how many taps it takes
14. 14.🔍 Which is the odd one out? (a) the button colours (b) whether users get lost (c) the font size (d) the screen layout
15. 15.Which of these is about UI (the look)? (a) how many taps it takes (b) whether users get lost (c) how users feel after (d) the screen layout
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Results → Item → Offers → Menu
    Design B: Home → Size → Cart → Results → Confirm → Shop → Item (a) Design B (b) Design A
17. 17.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
18. 18.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Shop → Offers
    Design B: Home → Size → Menu
20. 20.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Size
    Design B: Home → Pay → Menu → Search → Confirm → Item (a) Design A (b) Design B
21. 21.Which of these is about UI (the look)? (a) whether users get lost (b) the font size (c) how fast a task is done (d) how many taps it takes
22. 22.True or false: how users feel after is about UI (the look). (a) True (b) False
23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Menu
    Design B: Home → Size → Shop → Menu (a) Design B (b) Design A
24. 24.🔍 Which is the odd one out? (a) the icon shapes (b) the screen layout (c) how fast a task is done (d) the button colours
25. 25.True or false: the font size is about UI (the look). (a) False (b) True
26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Menu → Shop → Address → Cart
    Design B: Home → Item → Confirm → Size (a) Design B (b) Design A
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Offers → Item → Shop → Pens → Address
    Design B: Home → Menu → Pay → Address → Cart → Shop (a) Design A (b) Design B
28. 28.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
29. 29.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Confirm → Size → Pens
    Design B: Home → Item → Results → Size (a) Design B (b) Design A
31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Pens
    Design B: Home → Address → Shop → Menu
32. 32.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Cart
    Design B: Home → Address → Pens → Results → Menu → Size
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Confirm → Pens → Offers → Address → Results
    Design B: Home → Offers → Item → Search → Size
35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Confirm → Menu → Pens
    Design B: Home → Menu → Address → Shop → Confirm → Cart
36. 36.Which of these is about UX (the experience)? (a) the button colours (b) how fast a task is done (c) the icon shapes (d) the font size
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Address → Offers → Results → Size
    Design B: Home → Pens → Cart → Results
38. 38.🔍 Which is the odd one out? (a) how many taps it takes (b) the button colours (c) whether users get lost (d) how fast a task is done
39. 39.True or false: the icon shapes is about UX (the experience). (a) False (b) True
40. 40.True or false: the font size is about UX (the experience). (a) False (b) True

Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students