← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 578 · 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.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  2. 2.🔢 In a food-order flow, which comes first: “open the menu” or “pay for the order”? (a) open the menu (b) pay for the order
  3. 3.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) at the bottom (d) inside a button
  4. 4.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ]
    [ search box ]
    (a) filter buttons (b) search box (c) title text (d) tab bar
  5. 5.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  6. 6.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
  7. 7.🧭 Why should every screen show where you are? (a) to look busy (b) so users do not get lost (c) to hide the menu (d) to use more battery
  8. 8.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
  9. 9.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) a simple screen sketch (d) the finished app
  10. 10.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 26 px
    Body text: 23 px
    Footer: 16 px
    Menu: 14 px
    Caption: 27 px
    (a) Body text (b) Footer (c) Label (d) Menu
  11. 11.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  12. 12.Which colour pair is hard to read? (a) dark blue on white (b) yellow on white (c) black on pale grey (d) black on yellow
  13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Confirm → Pay
    Design B: Home → Search → Pens
    (a) Design A (b) Design B
  14. 14.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  15. 15.💾 What is a variable? (a) a picture (b) a named box for a value (c) a type of screen (d) a phone setting
  16. 16.Which of these makes the app harder to use? (a) text that can grow (b) captions on videos (c) big touch targets (d) tiny tap areas
  17. 17.Which of these helps everyone use the app? (a) sudden loud sounds (b) labels on every icon (c) icons with no labels (d) tiny tap areas
  18. 18.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Video”
    3. open “Match report”
    4. tap Back
    5. tap the Quiz tab
    Which screen are you on now?
    (a) Video (b) Match report (c) Quiz (d) Badges
  20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Profile tab
    3. tap the Home tab
    4. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.💾 Which works with no internet at all? (a) a cloud backup (b) a shared chat (c) data saved on the phone (d) a cloud leaderboard
  22. 22.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
  23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Help page”
    3. tap the Me tab
    4. tap the Me tab
    5. open “Match report”
    Which screen are you on now?
    (a) Quiz (b) Match report (c) Lessons (d) Help page
  24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Search → Address → Item → Pens
    Design B: Home → Pay → Menu
    (a) Design A (b) Design B
  25. 25.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) the sound on/off setting (d) chat messages to friends
  26. 26.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  27. 27.🔢 In a food-order flow, which comes first: “open the menu” or “track the order”? (a) open the menu (b) track the order
  28. 28.🧭 What does the back button usually do? (a) opens settings (b) closes all apps (c) deletes the page (d) goes to the last screen
  29. 29.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
  30. 30.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  31. 31.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  32. 32.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) fast typists (c) the battery (d) colour-blind users
  33. 33.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
  34. 34.🔍 Which is the odd one out? (a) the icon shapes (b) the theme colours (c) the font size (d) how easy sign-up is
  35. 35.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) pick an answer (d) see if it is right
  36. 36.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
  37. 37.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  38. 38.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Stars", "Sunrise"];
    show(songs[0]);
    (a) Stars (b) Sunrise (c) Monsoon
  39. 39.True or false: “fast-flashing lights” helps everyone use the app. (a) False (b) True
  40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Lessons tab
    3. open “Edit photo”
    Which screen are you on now?
    (a) Match report (b) Lessons (c) Quiz (d) Edit photo

Answer key

  1. helps everyone
  2. open the menu
  3. at the bottom
  4. title text
  5. in the cloud
  6. a tab bar
  7. so users do not get lost
  8. False
  9. a simple screen sketch
  10. Menu
  11. hard to read
  12. yellow on white
  13. Design B
  14. No
  15. a named box for a value
  16. tiny tap areas
  17. labels on every icon
  18. poor design
  19. Quiz
  20. 1
  21. data saved on the phone
  22. interface
  23. Match report
  24. Design B
  25. chat messages to friends
  26. True
  27. open the menu
  28. goes to the last screen
  29. 24
  30. UX
  31. False
  32. colour-blind users
  33. hard to read
  34. how easy sign-up is
  35. read a question
  36. UX
  37. good design
  38. Monsoon
  39. False
  40. Edit photo

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