← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 540 · 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 does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) plays music (d) takes photos
  2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ title text ]
    [ menu icon ]
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    (a) filter buttons (b) title text (c) Save button (d) menu icon
  3. 3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 72 px tall
    Help button: 52 px tall
    Start button: 40 px tall
    (a) Back (b) Help (c) Start
  4. 4.Which of these is true of a tab bar? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) undoes one move
  5. 5.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
  6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Video”
    3. tap the Me tab
    4. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  7. 7.True or false: a wireframe uses the final pictures. (a) False (b) True
  8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 52 px tall
    Next button: 40 px tall
    Help button: 72 px tall
    Done button: 60 px tall
    (a) Back (b) Next (c) Help (d) Done
  9. 9.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) captions on videos (d) fast-flashing lights
  10. 10.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) chat messages to friends (d) the sound on/off setting
  11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Lessons tab
    3. tap the Me tab
    4. open “Edit photo”
    5. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
  12. 12.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
  13. 13.True or false: the button colours is about UX (the experience). (a) True (b) False
  14. 14.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  15. 15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 72 px tall
    Save button: 60 px tall
    Help button: 36 px tall
    (a) Send (b) Help (c) Save
  16. 16.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) labels on every icon (d) sudden loud sounds
  17. 17.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True
  18. 18.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption
  19. 19.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
  20. 20.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  21. 21.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ title text ]
    [ list of items ]
  22. 22.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  23. 23.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ menu icon ]
    [ Save button ]
    [ top bar ]
    [ Add button ]
    (a) Add button (b) top bar (c) menu icon
  24. 24.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the battery (c) the server (d) colour-blind users
  25. 25.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) a random page (d) the last app used
  26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ search box ]
    (a) tab bar (b) filter buttons (c) top bar (d) search box
  27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Map”
    3. tap Back
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  28. 28.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap Back
    3. open “Map”
    4. open “Badges”
    5. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
  30. 30.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  31. 31.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on yellow (d) red on green
  32. 32.Which colour pair is hard to read? (a) black on pale grey (b) white on black (c) dark blue on black (d) white on dark green
  33. 33.♿ A screen has 9 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  34. 34.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) see if it is right (c) read a question (d) see the final score
  35. 35.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  36. 36.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ filter buttons ]
    [ list of items ]
    [ title text ]
    [ tab bar ]
    [ menu icon ]
  37. 37.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
  38. 38.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
  39. 39.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
  40. 40.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) so anyone can follow (d) to slow them down

Answer key

  1. reads the screen aloud
  2. Save button
  3. Start
  4. shows 3 to 5 icons
  5. the back button
  6. 1
  7. False
  8. Next
  9. captions on videos
  10. the sound on/off setting
  11. 0
  12. tap “Start quiz”
  13. False
  14. a final design
  15. Help
  16. labels on every icon
  17. True
  18. post the photo
  19. so each step is clear
  20. good design
  21. 5
  22. good design
  23. menu icon
  24. colour-blind users
  25. that tab’s main screen
  26. search box
  27. 1
  28. No
  29. 0
  30. hard to read
  31. black on yellow
  32. dark blue on black
  33. 8
  34. see the final score
  35. a wireframe
  36. 6
  37. a named box for a value
  38. open the app
  39. a clear next step
  40. so anyone can follow

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