← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 920 · 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.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) hides extra links
  2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 15 px
    Hint: 12 px
    Label: 11 px
    Caption: 17 px
    Title: 19 px
  3. 3.🔍 Which is the odd one out? (a) the font size (b) how fast a task is done (c) whether users get lost (d) how users feel after
  4. 4.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) delete this (c) an error (d) a picture goes here
  5. 5.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 40 px tall
    Help button: 40 px tall
    Back button: 60 px tall
    Next button: 48 px tall
  6. 6.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) check the cart (c) open the menu (d) pay for the order
  7. 7.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) add a filter (c) take the photo (d) open the camera screen
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Help button is 40 px tall. How many px taller must it be?
  9. 9.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) worse UX (d) more colours
  10. 10.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
  11. 11.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) dark blue on white (d) red on green
  12. 12.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  13. 13.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a clear next step (d) a dead end
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap Back
    3. open “Score card”
    4. tap the Me tab
    Which screen are you on now?
    (a) Me (b) Lessons (c) Video (d) Score card
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Offers → Shop → Search → Size
    Design B: Home → Cart → Results → Offers → Confirm → Pens → Pay
  16. 16.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) shows where things go (d) looks like the real app
  17. 17.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Done button: 60 px tall
    Back button: 64 px tall
  18. 18.True or false: a clear word like Save is good button design. (a) False (b) True
  19. 19.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) a random page (d) that tab’s main screen
  20. 20.💾 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
  21. 21.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) how easy sign-up is (d) the font size
  22. 22.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ Save button ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ search box ]
    [ top bar ]
    (a) top bar (b) Save button (c) tab bar (d) filter buttons
  23. 23.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
  24. 24.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) pick an answer (c) see the final score (d) tap “Start quiz”
  25. 25.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Pay
    Design B: Home → Size → Pens → Confirm → Offers
    (a) Design B (b) Design A
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 56 px tall
    Back button: 68 px tall
    Done button: 72 px tall
    Send button: 36 px tall
    (a) Done (b) Back (c) Send (d) Save
  28. 28.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) write a caption (c) add a filter (d) open the camera screen
  29. 29.🔍 Which is the odd one out? (a) the theme colours (b) whether users get lost (c) how many taps it takes (d) how users feel after
  30. 30.Which of these is about UI (the look)? (a) how easy sign-up is (b) how fast a task is done (c) the font size (d) whether users get lost
  31. 31.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
  32. 32.True or false: whether users get lost is about UI (the look). (a) True (b) False
  33. 33.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) good UX but poor UI (d) no UI at all
  34. 34.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
  35. 35.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) check the cart (d) pick a dish
  36. 36.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) it runs the app (d) changes are quick
  37. 37.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
  38. 38.Which of these is true of a wireframe? (a) shows where things go (b) shows the real fonts (c) uses the final pictures (d) looks like the real app
  39. 39.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
  40. 40.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer

Answer key

  1. shows 3 to 5 icons
  2. 3
  3. the font size
  4. a picture goes here
  5. 2
  6. check the cart
  7. open the camera screen
  8. 8
  9. better UX
  10. makes it harder
  11. red on green
  12. UI
  13. a clear next step
  14. Me
  15. 6
  16. looks like the real app
  17. 3
  18. True
  19. that tab’s main screen
  20. use it on any device
  21. how easy sign-up is
  22. filter buttons
  23. 3 to 5
  24. tap “Start quiz”
  25. helps everyone
  26. Design A
  27. Send
  28. post the photo
  29. the theme colours
  30. the font size
  31. makes it harder
  32. False
  33. good UI but poor UX
  34. in the cloud
  35. track the order
  36. changes are quick
  37. a named box for a value
  38. shows where things go
  39. on the phone
  40. pencil and paper

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