← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 882 · 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.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  2. 2.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Start button: 32 px tall
    Send button: 52 px tall
    Cancel button: 40 px tall
  4. 4.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has no real colours (d) uses the final pictures
  5. 5.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) open the app (c) type name and email (d) see the home screen
  6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 10 px
    Hint: 16 px
    Body text: 21 px
    Footer: 25 px
    (a) Hint (b) Body text (c) Footer (d) Title
  7. 7.Which of these helps everyone use the app? (a) fast-flashing lights (b) icons with no labels (c) colour as the only clue (d) text that can grow
  8. 8.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) shrink the app (c) never need a password (d) use it on any device
  9. 9.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) the theme colours (d) how many taps it takes
  10. 10.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 48 px tall
    Cancel button: 60 px tall
    Send button: 24 px tall
    (a) Cancel (b) Done (c) Send
  12. 12.Which colour pair is easy to read? (a) dark blue on black (b) white on black (c) red on green (d) yellow on white
  13. 13.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
  14. 14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 17 px
    Title: 22 px
    Hint: 13 px
    Caption: 28 px
    (a) Hint (b) Caption (c) Title (d) Menu
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Badges”
    3. tap the Home tab
    4. open “Badges”
    5. open “Edit photo”
    Which screen are you on now?
    (a) Edit photo (b) Badges (c) Search (d) Home
  16. 16.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
  17. 17.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
  18. 18.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) a menu button (c) the back button
  19. 19.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Confirm
    Design B: Home → Size → Address → Search → Shop → Pens → Results
  21. 21.🔢 In a sign-up flow, what comes right after “type name and email”? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) see the home screen
  22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 48 px tall
    Cancel button: 32 px tall
    Start button: 56 px tall
    (a) Help (b) Cancel (c) Start
  23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results → Cart
    Design B: Home → Address → Offers → Results → Menu
    (a) Design A (b) Design B
  24. 24.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
  25. 25.Which of these is true of a tab bar? (a) opens a list of pages (b) goes to the last screen (c) shows 3 to 5 icons (d) undoes one move
  26. 26.Which colour pair is easy to read? (a) red on green (b) dark blue on white (c) light grey on white (d) pale pink on white
  27. 27.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
  28. 28.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) tab bar (d) home screen
  29. 29.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) check the cart (c) add it to the cart (d) pay for the order
  30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Cart → Size → Search → Pens
    Design B: Home → Item → Menu
    (a) Design A (b) Design B
  31. 31.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) colour as the only clue (d) labels on every icon
  32. 32.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) take the photo (b) open the camera screen
  33. 33.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a picture goes here (d) a closed app
  34. 34.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 3 to 5 (c) 10 to 12 (d) 1
  35. 35.True or false: the button colours is about UX (the experience). (a) False (b) True
  36. 36.True or false: the theme colours is about UI (the look). (a) False (b) True
  37. 37.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Quiz tab
    3. tap the Me tab
    4. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
  39. 39.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Add button ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    (a) big picture (b) filter buttons (c) Add button
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Match report”
    3. open “Video”
    4. open “Score card”
    Which screen are you on now?
    (a) Match report (b) Video (c) Badges (d) Score card

Answer key

  1. UI
  2. False
  3. 1
  4. uses the final pictures
  5. type name and email
  6. Title
  7. text that can grow
  8. use it on any device
  9. how many taps it takes
  10. False
  11. Send
  12. white on black
  13. experience
  14. Hint
  15. Edit photo
  16. True
  17. True
  18. the back button
  19. a menu button
  20. 4
  21. make a password
  22. Cancel
  23. Design A
  24. so anyone can follow
  25. shows 3 to 5 icons
  26. dark blue on white
  27. UI
  28. dead end
  29. add it to the cart
  30. Design B
  31. colour as the only clue
  32. open the camera screen
  33. a picture goes here
  34. 3 to 5
  35. False
  36. True
  37. poor design
  38. 0
  39. filter buttons
  40. Score card

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