← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 21 · 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 should every icon-only button have for screen readers? (a) a long animation (b) a text label (c) a bright colour (d) a sound
  2. 2.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  3. 3.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
  4. 4.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see if it is right (b) see the final score (c) read a question (d) pick an answer
  5. 5.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
  6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 16 px
    Title: 27 px
    Caption: 19 px
    Menu: 11 px
    (a) Title (b) Menu (c) Footer (d) Caption
  7. 7.True or false: a final design shows where things go. (a) True (b) False
  8. 8.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) post the photo (c) open the camera screen (d) write a caption
  9. 9.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) so each step is clear (d) to skip testing
  10. 10.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) reads the screen aloud (d) plays music
  11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Edit photo”
    4. tap the Home tab
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  12. 12.Which of these fits saving in the cloud? (a) photos on two devices (b) the sound on/off setting (c) a draft you are typing (d) notes to read offline
  13. 13.Which of these is true of a tab bar? (a) undoes one move (b) hides extra links (c) opens a list of pages (d) switches main sections
  14. 14.💾 What is a variable? (a) a phone setting (b) a type of screen (c) a named box for a value (d) a picture
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Search tab
    3. open “Badges”
    4. open “Help page”
    Which screen are you on now?
    (a) Help page (b) Search (c) Badges (d) Home
  16. 16.True or false: a final design shows the real fonts. (a) False (b) True
  17. 17.Which of these helps everyone use the app? (a) captions on videos (b) colour as the only clue (c) tiny tap areas (d) icons with no labels
  18. 18.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 40 px tall
    Send button: 60 px tall
    Cancel button: 52 px tall
    Start button: 36 px tall
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. open “Score card”
    3. open “Score card”
    4. open “Score card”
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.🔍 Which is the odd one out? (a) the font size (b) how many taps it takes (c) the button colours (d) the screen layout
  21. 21.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) pick a dish (c) add it to the cart (d) open the menu
  22. 22.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  23. 23.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a random page (d) a clear next step
  24. 24.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
  25. 25.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
  26. 26.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  27. 27.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
  28. 28.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Ocean", "Sunrise", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Ocean (c) Kites (d) Sunrise
  29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 56 px tall
    Done button: 64 px tall
    Next button: 40 px tall
  30. 30.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) colour-blind users (c) fast typists (d) the battery
  31. 31.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
  32. 32.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) make a password (b) tap “Sign up”
  33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ search box ]
    [ filter buttons ]
    [ big picture ]
  34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 44 px tall
    Send button: 64 px tall
    Help button: 64 px tall
    (a) Cancel (b) Send (c) Help
  35. 35.Which of these makes the app harder to use? (a) icons with no labels (b) text that can grow (c) labels on every icon (d) big touch targets
  36. 36.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ tab bar ]
    [ menu icon ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    (a) search box (b) filter buttons (c) menu icon (d) Add button
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Quiz tab
    3. open “Map”
    4. tap Back
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ title text ]
    [ Save button ]
    [ top bar ]
    [ tab bar ]
  39. 39.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) read a question (b) pick an answer
  40. 40.Which of these helps everyone use the app? (a) fast-flashing lights (b) text that can grow (c) sudden loud sounds (d) tiny tap areas

Answer key

  1. a text label
  2. a final design
  3. False
  4. read a question
  5. False
  6. Menu
  7. False
  8. open the camera screen
  9. so each step is clear
  10. reads the screen aloud
  11. 0
  12. photos on two devices
  13. switches main sections
  14. a named box for a value
  15. Help page
  16. True
  17. captions on videos
  18. 2
  19. 5
  20. how many taps it takes
  21. track the order
  22. helps everyone
  23. a clear next step
  24. a menu button
  25. makes it harder
  26. hard to read
  27. False
  28. Sunrise
  29. 2
  30. colour-blind users
  31. 16
  32. tap “Sign up”
  33. 4
  34. Cancel
  35. icons with no labels
  36. filter buttons
  37. 1
  38. 5
  39. read a question
  40. text that can grow

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