← UI vs UX lesson New set →

App Dev Worksheet: UI vs UX

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

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.

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

Answer key

  1. experience
  2. UX
  3. real users
  4. True
  5. UI
  6. better UX
  7. False
  8. True
  9. the font size
  10. UX
  11. UX
  12. 3
  13. Design A
  14. how fast a task is done
  15. whether users get lost
  16. 3
  17. 5
  18. Design B
  19. UI
  20. Design A
  21. how easy sign-up is
  22. the screen layout
  23. Design A
  24. False
  25. True
  26. Design A
  27. how many taps it takes
  28. True
  29. the icon shapes
  30. True
  31. UI
  32. how users feel after
  33. how users feel after
  34. the font size
  35. UI
  36. 1
  37. the icon shapes
  38. 5
  39. 2
  40. Design B

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