← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 557 · 40 questions
TalentJR

Developer's tip (Think like the user): First decide which topic the question is about. Use that lesson’s rule: 48 px buttons, 16 px text, the screen stack, the flow order. For code, count positions from 0.

NameDateTime takenScore ___ / 40
  1. 1.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
  2. 2.🔍 Which is the odd one out? (a) how easy sign-up is (b) the font size (c) the button colours (d) the theme colours
  3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Lessons tab
    3. tap the Lessons tab
    4. tap the Me tab
    5. open “Friend list”
    Which screen are you on now?
    (a) Map (b) Lessons (c) Quiz (d) Friend list
  4. 4.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
  5. 5.Which of these helps everyone use the app? (a) fast-flashing lights (b) big touch targets (c) colour as the only clue (d) tiny tap areas
  6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Item
    Design B: Home → Size → Offers → Cart → Results → Search → Address
  7. 7.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) open the app (c) make a password (d) enter the code sent
  8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Shop → Address → Pay → Pens → Search
    Design B: Home → Pay → Pens → Offers
    (a) Design B (b) Design A
  9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Results
    Design B: Home → Address → Cart → Results → Offers → Confirm
  10. 10.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  11. 11.🔢 In a food-order flow, what comes right after “check the cart”? (a) pay for the order (b) open the menu (c) pick a dish (d) add it to the cart
  12. 12.True or false: a clear word like Save is good button design. (a) False (b) True
  13. 13.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) add it to the cart (c) check the cart (d) pay for the order
  14. 14.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) post the photo (c) write a caption (d) take the photo
  15. 15.Which of these is true of the back button? (a) shows 3 to 5 icons (b) switches main sections (c) goes to the last screen (d) hides extra links
  16. 16.True or false: a final design looks like the real app. (a) False (b) True
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Badges”
    3. tap the Settings tab
    4. tap the Feed tab
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  19. 19.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) write a caption (d) post the photo
  20. 20.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) add a filter (b) open the camera screen
  21. 21.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
  22. 22.True or false: a tiny 20 px button is good button design. (a) False (b) True
  23. 23.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) skip the internet (c) use it on any device (d) never need a password
  24. 24.Which of these is true of a wireframe? (a) looks like the real app (b) has no real colours (c) uses the final pictures (d) has the real colours
  25. 25.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ list of items ]
    [ big picture ]
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    (a) big picture (b) list of items (c) Add button (d) tab bar
  26. 26.🔍 Which is the odd one out? (a) how users feel after (b) the theme colours (c) whether users get lost (d) how easy sign-up is
  27. 27.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 24 px tall
    Cancel button: 68 px tall
    Back button: 48 px tall
    Done button: 56 px tall
    (a) Done (b) Cancel (c) Help (d) Back
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap Back
    3. open “Edit photo”
    4. tap the Profile tab
    Which screen are you on now?
    (a) Profile (b) Score card (c) Edit photo (d) Home
  30. 30.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
  31. 31.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
  32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 56 px tall
    Next button: 48 px tall
    Start button: 64 px tall
    Cancel button: 36 px tall
  33. 33.🔍 Which is the odd one out? (a) the theme colours (b) how users feel after (c) the font size (d) the icon shapes
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Address → Shop → Menu
    Design B: Home → Confirm → Size → Address → Item → Pens → Results
  35. 35.Which of these is about UX (the experience)? (a) whether users get lost (b) the theme colours (c) the screen layout (d) the font size
  36. 36.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ menu icon ]
    [ title text ]
    [ search box ]
    (a) menu icon (b) search box (c) title text (d) top bar
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Lessons tab
    3. open “Friend list”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  38. 38.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 52 px tall
    Done button: 32 px tall
    Cancel button: 48 px tall
    Start button: 68 px tall
    (a) Send (b) Done (c) Start (d) Cancel
  39. 39.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Me tab
    3. open “Friend list”
    4. open “Help page”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read

Answer key

  1. the path through screens
  2. how easy sign-up is
  3. Friend list
  4. UX
  5. big touch targets
  6. 2
  7. make a password
  8. Design B
  9. 2
  10. UI
  11. pay for the order
  12. True
  13. open the menu
  14. write a caption
  15. goes to the last screen
  16. True
  17. 0
  18. a wireframe
  19. add a filter
  20. open the camera screen
  21. experience
  22. False
  23. use it on any device
  24. has no real colours
  25. tab bar
  26. the theme colours
  27. False
  28. Help
  29. Profile
  30. on the phone
  31. makes it harder
  32. 3
  33. how users feel after
  34. 2
  35. whether users get lost
  36. search box
  37. 0
  38. Done
  39. 1
  40. hard to read

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