← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 876 · 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: how easy sign-up is is about UX (the experience). (a) False (b) True
  2. 2.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  3. 3.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
  4. 4.Which of these helps everyone use the app? (a) sudden loud sounds (b) labels on every icon (c) tiny tap areas (d) icons with no labels
  5. 5.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
  6. 6.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  7. 7.Which of these is about UX (the experience)? (a) how users feel after (b) the font size (c) the button colours (d) the icon shapes
  8. 8.True or false: a final design is a quick sketch. (a) True (b) False
  9. 9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 32 px tall
    Send button: 44 px tall
    Back button: 48 px tall
  10. 10.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) shrink the app (c) never need a password (d) use it on any device
  11. 11.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a dead end (d) a clear next step
  12. 12.Which of these is about UI (the look)? (a) the font size (b) how easy sign-up is (c) how many taps it takes (d) whether users get lost
  13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Match report”
    3. open “Score card”
    Which screen are you on now?
    (a) Score card (b) Match report (c) Chat (d) Feed
  14. 14.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) is a quick sketch (d) uses the final pictures
  15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ tab bar ]
    [ filter buttons ]
    [ big picture ]
    [ search box ]
    [ Save button ]
  16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ Add button ]
    [ big picture ]
    [ Save button ]
  17. 17.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  18. 18.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  19. 19.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) pick a dish (b) track the order
  20. 20.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a shared chat (d) a cloud backup
  21. 21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 44 px tall
    Help button: 44 px tall
    Send button: 40 px tall
  22. 22.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
  23. 23.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Confirm → Search → Menu → Pens → Size
    Design B: Home → Results → Confirm → Pay → Address → Offers
  25. 25.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
  26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ filter buttons ]
    [ list of items ]
    [ search box ]
    [ Save button ]
    (a) filter buttons (b) Save button (c) top bar (d) list of items
  27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Video”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  28. 28.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
  29. 29.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
  30. 30.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
  31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ tab bar ]
    [ search box ]
    [ Add button ]
  32. 32.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 10 to 12 (c) 1 (d) 20
  33. 33.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  34. 34.Which colour pair is hard to read? (a) white on black (b) black on yellow (c) white on dark green (d) light grey on white
  35. 35.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a phone case (c) a 3D printer (d) a microphone
  36. 36.Which colour pair is hard to read? (a) white on black (b) yellow on white (c) black on pale grey (d) white on dark green
  37. 37.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
  38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Size → Shop → Search → Menu → Pens
    Design B: Home → Address → Shop
    (a) Design B (b) Design A
  39. 39.Which of these is about UI (the look)? (a) how users feel after (b) how fast a task is done (c) the theme colours (d) whether users get lost
  40. 40.True or false: a final design has no real colours. (a) True (b) False

Answer key

  1. True
  2. a wireframe
  3. helps everyone
  4. labels on every icon
  5. a menu button
  6. in the cloud
  7. how users feel after
  8. False
  9. 1
  10. use it on any device
  11. a clear next step
  12. the font size
  13. Score card
  14. is a quick sketch
  15. 6
  16. 4
  17. a wireframe
  18. helps everyone
  19. pick a dish
  20. data saved on the phone
  21. 0
  22. easy to read
  23. good design
  24. 1
  25. goes to the last screen
  26. Save button
  27. 1
  28. so each step is clear
  29. a tab bar
  30. easy to read
  31. 4
  32. 3 to 5
  33. on the phone
  34. light grey on white
  35. pencil and paper
  36. yellow on white
  37. False
  38. Design B
  39. the theme colours
  40. False

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