← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 352 · 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.🔍 Which is the odd one out? (a) tiny tap areas (b) text that can grow (c) strong colour contrast (d) labels on every icon
  2. 2.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) fast typists (c) the server (d) the battery
  3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 40 px tall
    Start button: 56 px tall
    Back button: 36 px tall
    Cancel button: 52 px tall
  4. 4.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
  5. 5.Which of these is true of a final design? (a) uses plain grey boxes (b) shows the real fonts (c) is a quick sketch (d) shows where things go
  6. 6.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
  7. 7.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
  8. 8.Which colour pair is hard to read? (a) white on black (b) pale pink on white (c) white on dark green (d) dark blue on white
  9. 9.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ search box ]
    [ big picture ]
    [ menu icon ]
  10. 10.🔍 Which is the odd one out? (a) the button colours (b) how many taps it takes (c) the theme colours (d) the screen layout
  11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    [ tab bar ]
    (a) filter buttons (b) tab bar (c) Add button (d) search box
  12. 12.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ Save button ]
    [ Add button ]
    [ filter buttons ]
    [ title text ]
    [ search box ]
    [ top bar ]
    (a) title text (b) top bar (c) Add button (d) Save button
  13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ search box ]
    [ menu icon ]
    [ top bar ]
  14. 14.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
  15. 15.🔢 In a food-order flow, what comes right after “pick a dish”? (a) pay for the order (b) add it to the cart (c) check the cart (d) track the order
  16. 16.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 40 px tall
    Start button: 48 px tall
    Send button: 36 px tall
  17. 17.🧭 Which part of navigation undoes one move? (a) a menu button (b) the back button (c) a tab bar
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Friend list”
    3. open “Video”
    4. open “Friend list”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  19. 19.Which of these makes the app harder to use? (a) icons with no labels (b) big touch targets (c) labels on every icon (d) text that can grow
  20. 20.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see the final score”? (a) pick an answer (b) see the final score
  21. 21.Which of these is about UI (the look)? (a) how fast a task is done (b) how users feel after (c) how easy sign-up is (d) the button colours
  22. 22.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 18 px
    Title: 10 px
    Caption: 25 px
    Footer: 16 px
    Hint: 28 px
    (a) Footer (b) Menu (c) Title (d) Caption
  23. 23.True or false: “icons with no labels” makes the app harder to use. (a) False (b) True
  24. 24.💾 What number does this code show?
    let score = 8;
    score = score - 1;
    score = score + 2;
    show(score);
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Confirm
    Design B: Home → Shop → Menu → Item
  26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 32 px tall
    Done button: 48 px tall
    Send button: 48 px tall
  27. 27.True or false: a wireframe is a quick sketch. (a) True (b) False
  28. 28.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
  29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ filter buttons ]
    [ top bar ]
  30. 30.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
  31. 31.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  32. 32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 44 px tall
    Help button: 60 px tall
    Next button: 52 px tall
    (a) Next (b) Save (c) Help
  33. 33.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  34. 34.♿ Why add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to add colour (d) to slow them down
  35. 35.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see if it is right (c) tap “Start quiz” (d) read a question
  36. 36.🧭 Why should every screen show where you are? (a) to use more battery (b) so users do not get lost (c) to hide the menu (d) to look busy
  37. 37.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
  38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Menu → Size → Results → Address
    Design B: Home → Pay → Results → Offers
    (a) Design A (b) Design B
  39. 39.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  40. 40.Which of these fits saving in the cloud? (a) photos on two devices (b) a draft you are typing (c) the sound on/off setting (d) your last game level

Answer key

  1. tiny tap areas
  2. colour-blind users
  3. 2
  4. in the cloud
  5. shows the real fonts
  6. in the cloud
  7. goes to the last screen
  8. pale pink on white
  9. 4
  10. how many taps it takes
  11. tab bar
  12. title text
  13. 4
  14. UX
  15. add it to the cart
  16. 1
  17. the back button
  18. 3
  19. icons with no labels
  20. pick an answer
  21. the button colours
  22. Title
  23. True
  24. 9
  25. 1
  26. 2
  27. True
  28. helps everyone
  29. 4
  30. False
  31. easy to read
  32. Save
  33. False
  34. so anyone can follow
  35. tap “Start quiz”
  36. so users do not get lost
  37. take the photo
  38. Design B
  39. in the cloud
  40. photos on two devices

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