← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 976 · 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). How many taps does the shorter design save?
    Design A: Home → Menu → Pay → Search → Results → Pens
    Design B: Home → Pay → Menu
  2. 2.True or false: the button colours is about UX (the experience). (a) True (b) False
  3. 3.Which of these fits saving on the phone? (a) photos on two devices (b) notes to read offline (c) a class leaderboard (d) a shared to-do list
  4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Menu
    Design B: Home → Confirm → Pens → Size → Item
  5. 5.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) big touch targets (d) sudden loud sounds
  6. 6.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  7. 7.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) plays music (d) reads the screen aloud
  8. 8.True or false: your last game level fits saving in the cloud. (a) False (b) True
  9. 9.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
  10. 10.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) tiny tap areas (d) big touch targets
  11. 11.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ list of items ]
    [ top bar ]
    [ search box ]
    [ Save button ]
    [ menu icon ]
    [ filter buttons ]
    (a) menu icon (b) top bar (c) list of items (d) Save button
  12. 12.True or false: a final design shows where things go. (a) False (b) True
  13. 13.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ top bar ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ Save button ]
    (a) Add button (b) Save button (c) top bar (d) tab bar
  14. 14.🔘 Our rule: buttons are at least 48 px tall. The Back button is 20 px tall. How many px taller must it be?
  15. 15.True or false: your last game level fits saving on the phone. (a) False (b) True
  16. 16.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to slow them down (d) to add colour
  17. 17.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
  18. 18.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
  19. 19.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
  20. 20.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) shortcut (c) tab bar (d) home screen
  21. 21.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 32 px tall
    Done button: 56 px tall
    Cancel button: 68 px tall
    Back button: 60 px tall
    (a) Save (b) Back (c) Cancel (d) Done
  23. 23.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) pale pink on white (d) white on dark green
  24. 24.Which of these is true of the back button? (a) hides extra links (b) opens a list of pages (c) switches main sections (d) goes to the last screen
  25. 25.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
  26. 26.Which of these is about UX (the experience)? (a) the icon shapes (b) how many taps it takes (c) the font size (d) the button colours
  27. 27.🔍 Which is the odd one out? (a) labels on every icon (b) icons with no labels (c) fast-flashing lights (d) sudden loud sounds
  28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 48 px tall
    Back button: 40 px tall
    Start button: 64 px tall
    (a) Back (b) Start (c) Help
  29. 29.Which of these is true of a menu button? (a) sits at the bottom (b) switches main sections (c) shows 3 to 5 icons (d) hides extra links
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 20 px tall. How many px taller must it be?
  31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Video”
    3. tap the Lessons tab
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.💾 Saving data in the cloud lets you ___. (a) never need a password (b) use it on any device (c) skip the internet (d) shrink the app
  33. 33.🎨 UI stands for user ___. (a) input (b) interface (c) internet (d) idea
  34. 34.Which colour pair is easy to read? (a) pale pink on white (b) red on green (c) white on black (d) light grey on white
  35. 35.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
  36. 36.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a dead end (d) a random page
  37. 37.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap the Home tab
    3. tap the Home tab
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  38. 38.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  39. 39.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Profile tab
    3. open “Video”
    Which screen are you on now?
    (a) Video (b) Profile (c) Home (d) Search

Answer key

  1. 3
  2. False
  3. notes to read offline
  4. 2
  5. sudden loud sounds
  6. a final design
  7. reads the screen aloud
  8. False
  9. experience
  10. tiny tap areas
  11. top bar
  12. False
  13. top bar
  14. 28
  15. True
  16. so anyone can follow
  17. hard to read
  18. a tab bar
  19. easy to read
  20. dead end
  21. UI
  22. Save
  23. white on dark green
  24. goes to the last screen
  25. a menu button
  26. how many taps it takes
  27. labels on every icon
  28. Back
  29. hides extra links
  30. 28
  31. 1
  32. use it on any device
  33. interface
  34. white on black
  35. a named box for a value
  36. a clear next step
  37. 0
  38. hard to read
  39. a wireframe
  40. Video

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