← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 564 · 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.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 19 px
    Title: 10 px
    Body text: 21 px
    Caption: 18 px
    (a) Title (b) Caption (c) Body text (d) Hint
  2. 2.💾 What number does this code show?
    let coins = 4;
    coins = coins - 4;
    coins = coins + 5;
    show(coins);
  3. 3.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) light grey on white (d) dark blue on white
  4. 4.Which colour pair is hard to read? (a) black on yellow (b) dark blue on white (c) black on pale grey (d) red on green
  5. 5.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Feed tab
    3. open “Match report”
    4. tap Back
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  6. 6.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) a draft you are typing (d) chat messages to friends
  7. 7.Which of these is true of a wireframe? (a) has no real colours (b) has the real colours (c) looks like the real app (d) shows the real fonts
  8. 8.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
  9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 14 px
    Menu: 19 px
    Body text: 19 px
    Caption: 22 px
    (a) Title (b) Caption (c) Menu (d) Body text
  10. 10.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a cloud backup (c) a shared chat (d) data saved on the phone
  11. 11.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Help page”
    4. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) dead end (d) shortcut
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Lessons tab
    3. open “Score card”
    4. open “Edit photo”
    5. tap Back
    Which screen are you on now?
    (a) Lessons (b) Edit photo (c) Quiz (d) Score card
  15. 15.🔍 Which is the odd one out? (a) sudden loud sounds (b) captions on videos (c) big touch targets (d) strong colour contrast
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Menu
    Design B: Home → Cart → Shop → Menu → Pay
  17. 17.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 48 px tall
    Cancel button: 32 px tall
    Help button: 48 px tall
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. open “Friend list”
    3. tap the Home tab
    4. open “Badges”
    5. open “Video”
    Which screen are you on now?
    (a) Score card (b) Friend list (c) Badges (d) Video
  19. 19.🎨 UI stands for user ___. (a) interface (b) internet (c) idea (d) input
  20. 20.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  21. 21.🔢 In a food-order flow, which comes first: “track the order” or “pick a dish”? (a) pick a dish (b) track the order
  22. 22.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
  23. 23.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  24. 24.♿ What does a screen reader do? (a) makes text tiny (b) reads the screen aloud (c) plays music (d) takes photos
  25. 25.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  26. 26.True or false: a big, easy tap area is poor button design. (a) True (b) False
  27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Size → Offers
    Design B: Home → Pay → Pens
  28. 28.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) type name and email (b) make a password (c) enter the code sent (d) open the app
  29. 29.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ menu icon ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    (a) filter buttons (b) top bar (c) menu icon
  30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Home tab
    3. open “Help page”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) fast-flashing lights (d) labels on every icon
  32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Chat tab
    3. tap the Feed tab
    4. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  33. 33.💾 What number does this code show?
    let score = 7;
    score = score - 2;
    score = score + 2;
    show(score);
  34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Lessons tab
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Map (b) Quiz (c) Me (d) Lessons
  35. 35.Which of these is about UI (the look)? (a) how many taps it takes (b) the button colours (c) how users feel after (d) how fast a task is done
  36. 36.♿ A screen has 10 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 18 px
    Menu: 20 px
    Caption: 18 px
    Title: 19 px
    Body text: 13 px
    (a) Caption (b) Body text (c) Menu (d) Label
  38. 38.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) is a quick sketch (d) has the real colours
  39. 39.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a shared to-do list (d) notes to read offline
  40. 40.♿ Why add captions to videos? (a) to add colour (b) to slow them down (c) so anyone can follow (d) to hide the sound

Answer key

  1. Title
  2. 5
  3. dark blue on white
  4. red on green
  5. 1
  6. chat messages to friends
  7. has no real colours
  8. in the cloud
  9. Title
  10. data saved on the phone
  11. good design
  12. 0
  13. dead end
  14. Score card
  15. sudden loud sounds
  16. 2
  17. 2
  18. Video
  19. interface
  20. UI
  21. pick a dish
  22. 3
  23. No
  24. reads the screen aloud
  25. hard to read
  26. False
  27. 3
  28. type name and email
  29. top bar
  30. 0
  31. labels on every icon
  32. 0
  33. 7
  34. Lessons
  35. the button colours
  36. 6
  37. Body text
  38. has the real colours
  39. notes to read offline
  40. so anyone can follow

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