← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 513 · 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.True or false: notes to read offline fits saving on the phone. (a) True (b) False
  2. 2.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to hide the buttons (d) to skip testing
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Size
    Design B: Home → Results → Pens → Cart → Pay → Menu
  4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Shop → Item
    Design B: Home → Results → Pens → Search → Shop
  5. 5.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  6. 6.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  7. 7.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap the Lessons tab
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a 3D printer (d) a microphone
  9. 9.Which of these is true of a menu button? (a) sits at the bottom (b) undoes one move (c) hides extra links (d) shows 3 to 5 icons
  10. 10.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ Save button ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ]
    (a) tab bar (b) title text (c) Save button
  11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 60 px tall
    Send button: 48 px tall
    Done button: 44 px tall
    Cancel button: 52 px tall
  12. 12.Which of these fits saving in the cloud? (a) a class leaderboard (b) notes to read offline (c) your last game level (d) the sound on/off setting
  13. 13.True or false: a final design uses plain grey boxes. (a) False (b) True
  14. 14.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
  15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 56 px tall
    Cancel button: 52 px tall
    Save button: 44 px tall
  16. 16.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) tiny tap areas (d) strong colour contrast
  17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Profile tab
    3. open “Map”
    4. tap the Profile tab
    Which screen are you on now?
    (a) Home (b) Profile (c) Score card (d) Map
  18. 18.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) uses the final pictures (d) shows where things go
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 28 px tall
    Save button: 60 px tall
    Cancel button: 52 px tall
    Done button: 48 px tall
    (a) Cancel (b) Save (c) Help (d) Done
  20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Match report”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
  22. 22.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) photos on two devices (d) the sound on/off setting
  23. 23.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) post the photo (b) open the camera screen
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Chat tab
    3. open “Map”
    4. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Size
    Design B: Home → Menu → Size → Search
  26. 26.🔢 In a photo-post flow, what comes right after “add a filter”? (a) take the photo (b) open the camera screen (c) write a caption (d) post the photo
  27. 27.🔢 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
  28. 28.🎨 UI stands for user ___. (a) input (b) interface (c) idea (d) internet
  29. 29.🔢 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
  30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Score card”
    3. tap the Home tab
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.♿ What does a screen reader do? (a) plays music (b) makes text tiny (c) takes photos (d) reads the screen aloud
  32. 32.Which of these is about UI (the look)? (a) the button colours (b) how users feel after (c) how many taps it takes (d) whether users get lost
  33. 33.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  34. 34.🔢 In a food-order flow, what comes right after “pay for the order”? (a) add it to the cart (b) pick a dish (c) track the order (d) check the cart
  35. 35.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) home screen (d) tab bar
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ menu icon ]
    [ tab bar ]
    [ filter buttons ]
    (a) menu icon (b) big picture (c) tab bar (d) search box
  37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Settings tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  38. 38.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see if it is right (c) see the final score (d) read a question
  39. 39.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  40. 40.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) check the cart (c) track the order (d) pick a dish

Answer key

  1. True
  2. so each step is clear
  3. 3
  4. 4
  5. hard to read
  6. a tab bar
  7. 1
  8. pencil and paper
  9. hides extra links
  10. tab bar
  11. 3
  12. a class leaderboard
  13. False
  14. open the camera screen
  15. 2
  16. tiny tap areas
  17. Profile
  18. uses the final pictures
  19. Help
  20. 0
  21. True
  22. the sound on/off setting
  23. open the camera screen
  24. 0
  25. 1
  26. write a caption
  27. open the camera screen
  28. interface
  29. make a password
  30. 1
  31. reads the screen aloud
  32. the button colours
  33. makes it harder
  34. track the order
  35. dead end
  36. search box
  37. 1
  38. read a question
  39. a final design
  40. track the order

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