← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 873 · 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: strong colour contrast? (a) helps everyone (b) makes it harder
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Address
    Design B: Home → Pens → Search → Offers
  3. 3.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
  4. 4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 68 px tall
    Cancel button: 44 px tall
    Help button: 48 px tall
    (a) Cancel (b) Done (c) Help
  5. 5.True or false: strong colour contrast is good button design. (a) False (b) True
  6. 6.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the phone is lost (c) you send a message (d) the screen turns off
  7. 7.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
  9. 9.Which of these fits saving in the cloud? (a) a draft you are typing (b) a shared to-do list (c) the sound on/off setting (d) notes to read offline
  10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Friend list”
    3. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Badges”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  12. 12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Quiz tab
    3. tap the Me tab
    4. open “Map”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) uses the final pictures (d) has no real colours
  14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ menu icon ]
    [ search box ]
    [ Save button ]
    [ top bar ]
    (a) search box (b) menu icon (c) top bar (d) filter buttons
  15. 15.Which colour pair is hard to read? (a) white on black (b) red on green (c) black on pale grey (d) white on dark green
  16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ top bar ]
    [ list of items ]
    [ title text ]
  17. 17.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
  18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 40 px tall
    Save button: 60 px tall
    Cancel button: 48 px tall
    Help button: 52 px tall
    (a) Help (b) Start (c) Save (d) Cancel
  19. 19.True or false: “labels on every icon” helps everyone use the app. (a) True (b) False
  20. 20.🔢 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
  21. 21.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Badges”
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Match report (b) Quiz (c) Lessons (d) Badges
  22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap the Home tab
    3. open “Badges”
    Which screen are you on now?
    (a) Badges (b) Home (c) Search (d) Friend list
  23. 23.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) open the menu (d) add it to the cart
  24. 24.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) see the home screen (c) make a password (d) open the app
  25. 25.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Pens → Size → Shop
    Design B: Home → Shop → Results → Confirm
    (a) Design A (b) Design B
  27. 27.🎨 Who should you test the UX with? (a) real users (b) nobody (c) the app icon (d) only yourself
  28. 28.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. open “Map”
    4. open “Edit photo”
    Which screen are you on now?
    (a) Map (b) Lessons (c) Badges (d) Edit photo
  29. 29.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) skip the internet (c) shrink the app (d) never need a password
  30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ big picture ]
    [ list of items ]
    [ top bar ]
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Chat tab
    3. open “Badges”
    Which screen are you on now?
    (a) Map (b) Badges (c) Chat (d) Feed
  32. 32.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
  33. 33.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) a colour theme (d) the path through screens
  34. 34.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) to skip testing (d) so each step is clear
  35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 44 px tall
    Send button: 56 px tall
    Next button: 72 px tall
    (a) Next (b) Save (c) Send
  36. 36.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) chat messages to friends (d) the sound on/off setting
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ title text ]
    [ big picture ]
    [ Add button ]
    [ tab bar ]
    [ filter buttons ]
    [ list of items ]
    (a) big picture (b) title text (c) filter buttons (d) list of items
  38. 38.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
  39. 39.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Profile tab
    3. open “Badges”
    4. open “Badges”
    5. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. helps everyone
  2. 3
  3. 24
  4. Cancel
  5. True
  6. the phone is lost
  7. 20
  8. 12
  9. a shared to-do list
  10. 0
  11. 3
  12. 0
  13. has no real colours
  14. top bar
  15. red on green
  16. 4
  17. tap “Sign up”
  18. Start
  19. True
  20. open the camera screen
  21. Lessons
  22. Badges
  23. pay for the order
  24. open the app
  25. a wireframe
  26. Design B
  27. real users
  28. Edit photo
  29. use it on any device
  30. 4
  31. Badges
  32. a tab bar
  33. the path through screens
  34. so each step is clear
  35. Save
  36. the sound on/off setting
  37. filter buttons
  38. a menu button
  39. easy to read
  40. 0

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