App Dev Worksheet: UI vs UX

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

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