← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 303 · 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.♿ Why add captions to videos? (a) to slow them down (b) to hide the sound (c) so anyone can follow (d) to add colour
  2. 2.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) no UI at all (d) good UX but poor UI
  3. 3.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ search box ]
    [ menu icon ]
    [ filter buttons ]
    [ title text ]
    [ Save button ]
    [ tab bar ]
    (a) tab bar (b) filter buttons (c) title text (d) search box
  4. 4.♿ What does a screen reader do? (a) plays music (b) takes photos (c) reads the screen aloud (d) makes text tiny
  5. 5.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
  6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 11 px
    Body text: 21 px
    Hint: 21 px
    Label: 18 px
    (a) Hint (b) Menu (c) Label (d) Body text
  7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 48 px tall
    Back button: 32 px tall
    Start button: 32 px tall
  8. 8.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) the path through screens (d) a colour theme
  9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Match report”
    3. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  11. 11.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
  12. 12.True or false: a wireframe is a quick sketch. (a) False (b) True
  13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 16 px
    Caption: 19 px
    Body text: 26 px
    Label: 19 px
    Hint: 11 px
    (a) Body text (b) Menu (c) Hint (d) Caption
  14. 14.💾 pop() takes off the last item. What does this code show?
    let songs = ["Ocean", "Rain", "Monsoon", "Kites", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Kites (c) Ocean (d) Monsoon
  15. 15.Which of these helps everyone use the app? (a) text that can grow (b) sudden loud sounds (c) icons with no labels (d) tiny tap areas
  16. 16.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
  17. 17.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 27 px
    Hint: 11 px
    Footer: 27 px
    Label: 16 px
    (a) Label (b) Footer (c) Hint (d) Body text
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Lessons tab
    3. open “Score card”
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.True or false: your last game level fits saving on the phone. (a) False (b) True
  21. 21.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) read a question
  22. 22.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
  23. 23.🔍 Which is the odd one out? (a) tiny tap areas (b) big touch targets (c) sudden loud sounds (d) fast-flashing lights
  24. 24.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  25. 25.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
  26. 26.♿ A screen has 10 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  27. 27.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
  28. 28.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  29. 29.Which of these is about UI (the look)? (a) whether users get lost (b) the screen layout (c) how fast a task is done (d) how easy sign-up is
  30. 30.True or false: a big, easy tap area is good button design. (a) True (b) False
  31. 31.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) hides extra links (d) shows 3 to 5 icons
  32. 32.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  33. 33.True or false: a final design shows the real fonts. (a) False (b) True
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Address → Results → Menu
    Design B: Home → Item → Menu → Offers → Size → Cart → Address
  35. 35.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) shows where things go
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ top bar ]
    [ filter buttons ]
    [ big picture ]
    [ menu icon ]
    (a) big picture (b) menu icon (c) top bar
  37. 37.True or false: how fast a task is done is about UI (the look). (a) True (b) False
  38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ Save button ]
    [ top bar ]
    [ filter buttons ]
    [ big picture ]
    (a) filter buttons (b) tab bar (c) big picture (d) Save button
  39. 39.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  40. 40.💾 Which works with no internet at all? (a) a cloud backup (b) data saved on the phone (c) a cloud leaderboard (d) a shared chat

Answer key

  1. so anyone can follow
  2. good UI but poor UX
  3. search box
  4. reads the screen aloud
  5. False
  6. Menu
  7. 1
  8. the path through screens
  9. 0
  10. in the cloud
  11. real users
  12. True
  13. Hint
  14. Kites
  15. text that can grow
  16. UI
  17. a final design
  18. Hint
  19. 1
  20. True
  21. see the final score
  22. a tab bar
  23. big touch targets
  24. UX
  25. 20
  26. 7
  27. True
  28. in the cloud
  29. the screen layout
  30. True
  31. shows 3 to 5 icons
  32. a final design
  33. True
  34. 6
  35. shows where things go
  36. big picture
  37. False
  38. big picture
  39. UI
  40. data saved on the phone

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