← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 717 · 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 final design? (a) uses plain grey boxes (b) has no real colours (c) is a quick sketch (d) shows the real fonts
  2. 2.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) so each step is clear (d) to add more taps
  3. 3.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) never need a password (c) use it on any device (d) skip the internet
  4. 4.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
  5. 5.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
  6. 6.💾 What is a variable? (a) a named box for a value (b) a picture (c) a type of screen (d) a phone setting
  7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Next button: 44 px tall
    Cancel button: 40 px tall
  8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. tap Back
    3. tap the Settings tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  9. 9.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  10. 10.True or false: how easy sign-up is is about UX (the experience). (a) False (b) True
  11. 11.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) read a question (b) see if it is right
  12. 12.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ menu icon ]
    [ search box ]
    [ Add button ]
    (a) Add button (b) menu icon (c) search box
  13. 13.Which of these is true of a menu button? (a) sits at the bottom (b) goes to the last screen (c) hides extra links (d) undoes one move
  14. 14.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
  15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Me tab
    3. tap the Quiz tab
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Me
  16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 14 px
    Hint: 22 px
    Caption: 25 px
    (a) Title (b) Caption (c) Hint
  17. 17.♿ Accessibility means an app works for ___. (a) only the coder (b) nobody (c) only experts (d) everyone
  18. 18.True or false: the screen layout is about UI (the look). (a) False (b) True
  19. 19.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Confirm
    Design B: Home → Menu → Pens → Size → Results → Item → Search
    (a) Design A (b) Design B
  20. 20.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Menu → Offers → Shop → Cart → Pens
    Design B: Home → Pens → Shop → Confirm → Pay
    (a) Design B (b) Design A
  22. 22.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
  23. 23.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) write a caption (b) take the photo
  24. 24.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Shop
    Design B: Home → Pens → Cart → Results → Address
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Score card”
    4. tap Back
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Score card”
    Which screen are you on now?
    (a) Score card (b) Feed (c) Chat (d) Match report
  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.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Start button is 44 px tall. How many px taller must it be?
  31. 31.True or false: a tiny 20 px button is poor button design. (a) False (b) True
  32. 32.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  33. 33.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) the screen layout (d) how many taps it takes
  34. 34.True or false: the font size is about UX (the experience). (a) False (b) True
  35. 35.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Results
    Design B: Home → Cart → Confirm → Size → Pay → Search → Offers
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Cart
    Design B: Home → Offers → Address → Item → Pay → Cart
  38. 38.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
  39. 39.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ Add button ]
    [ tab bar ]
    [ big picture ]
    (a) Add button (b) filter buttons (c) list of items (d) big picture
  40. 40.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) open the app (b) make a password

Answer key

  1. shows the real fonts
  2. so each step is clear
  3. use it on any device
  4. tap “Sign up”
  5. True
  6. a named box for a value
  7. 1
  8. 1
  9. helps everyone
  10. True
  11. read a question
  12. menu icon
  13. hides extra links
  14. UI
  15. Quiz
  16. Title
  17. everyone
  18. True
  19. Design A
  20. goes to the last screen
  21. Design B
  22. so users do not get lost
  23. take the photo
  24. poor design
  25. 2
  26. 1
  27. Score card
  28. dead end
  29. helps everyone
  30. 4
  31. True
  32. a final design
  33. how many taps it takes
  34. False
  35. helps everyone
  36. 6
  37. 3
  38. easy to read
  39. big picture
  40. open the app

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