← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 380 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Address
    Design B: Home → Shop → Address → Item
    (a) Design B (b) Design A
  2. 2.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) colour-blind users (d) the battery
  3. 3.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) write a caption (c) add a filter (d) open the camera screen
  4. 4.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) worse UX (d) more colours
  5. 5.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) take the photo (b) open the camera screen
  6. 6.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Add button ]
    [ Save button ]
    [ title text ]
    [ filter buttons ]
    [ menu icon ]
    [ top bar ]
    (a) Add button (b) title text (c) top bar (d) filter buttons
  7. 7.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ big picture ]
    [ search box ]
    [ Add button ]
  8. 8.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) a class leaderboard (d) the sound on/off setting
  9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Badges”
    3. tap Back
    4. open “Map”
    5. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Search → Offers → Cart
    Design B: Home → Size → Shop → Pens → Results → Pay → Menu
  11. 11.🔢 In a sign-up flow, what comes right after “make a password”? (a) see the home screen (b) type name and email (c) enter the code sent (d) tap “Sign up”
  12. 12.True or false: your last game level fits saving in the cloud. (a) True (b) False
  13. 13.True or false: a final design uses plain grey boxes. (a) False (b) True
  14. 14.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  15. 15.💾 What number does this code show?
    let lives = 8;
    lives = lives - 1;
    lives = lives + 5;
    show(lives);
  16. 16.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Search tab
    3. open “Map”
    4. tap Back
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.♿ A screen has 8 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  19. 19.True or false: a final design is a quick sketch. (a) False (b) True
  20. 20.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) your last game level (d) a shared to-do list
  21. 21.True or false: the screen layout is about UI (the look). (a) False (b) True
  22. 22.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) tap “Start quiz” (c) read a question (d) see the final score
  23. 23.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  24. 24.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
  25. 25.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
  26. 26.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud backup (c) a cloud leaderboard (d) a shared chat
  27. 27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 18 px
    Hint: 9 px
    Title: 23 px
    Caption: 25 px
    (a) Hint (b) Body text (c) Title (d) Caption
  28. 28.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ menu icon ]
    [ search box ]
    [ filter buttons ]
    [ Save button ]
    [ title text ]
  29. 29.Which of these is about UX (the experience)? (a) how fast a task is done (b) the button colours (c) the icon shapes (d) the screen layout
  30. 30.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) has the real colours (d) has no real colours
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) shortcut (d) tab bar
  33. 33.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  34. 34.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) read a question (c) pick an answer (d) see the final score
  35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Offers → Item → Results
    Design B: Home → Pens → Cart
    (a) Design B (b) Design A
  36. 36.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
  37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ title text ]
    [ Save button ]
  38. 38.True or false: a final design shows the real fonts. (a) True (b) False
  39. 39.💾 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
  40. 40.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) closes all apps (d) goes to the last screen

Answer key

  1. Design A
  2. colour-blind users
  3. add a filter
  4. better UX
  5. open the camera screen
  6. top bar
  7. 4
  8. a class leaderboard
  9. 0
  10. 4
  11. enter the code sent
  12. False
  13. False
  14. poor design
  15. 12
  16. No
  17. 0
  18. 6
  19. False
  20. your last game level
  21. True
  22. tap “Start quiz”
  23. a final design
  24. a menu button
  25. easy to read
  26. data saved on the phone
  27. Hint
  28. 6
  29. how fast a task is done
  30. has no real colours
  31. 0
  32. dead end
  33. 1
  34. see the final score
  35. Design B
  36. open the app
  37. 5
  38. True
  39. in the cloud
  40. goes to the last screen

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