← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 696 · 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.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) a simple screen sketch (d) the finished app
  2. 2.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) so users do not get lost (d) to hide the menu
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Item → Confirm
    Design B: Home → Pens → Shop → Offers → Size → Item
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Friend list”
    3. tap the Chat tab
    Which screen are you on now?
    (a) Settings (b) Friend list (c) Feed (d) Chat
  5. 5.🔍 Which is the odd one out? (a) how fast a task is done (b) the font size (c) whether users get lost (d) how users feel after
  6. 6.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) type name and email (d) open the app
  7. 7.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
  8. 8.True or false: “sudden loud sounds” makes the app harder to use. (a) False (b) True
  9. 9.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
  10. 10.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 64 px tall
    Next button: 60 px tall
    Send button: 44 px tall
    Back button: 36 px tall
  11. 11.True or false: space between buttons is good button design. (a) True (b) False
  12. 12.✏️ Why draw a wireframe before coding? (a) it saves data (b) changes are quick (c) it adds colours (d) it runs the app
  13. 13.♿ Why add captions to videos? (a) to hide the sound (b) to slow them down (c) to add colour (d) so anyone can follow
  14. 14.Which of these is about UI (the look)? (a) how easy sign-up is (b) the screen layout (c) whether users get lost (d) how users feel after
  15. 15.♿ A screen has 11 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
  16. 16.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) nobody (d) only yourself
  19. 19.Which of these is true of a final design? (a) shows the real fonts (b) has no real colours (c) is a quick sketch (d) shows where things go
  20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap Back
    3. open “Help page”
    4. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
  22. 22.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 17 px
    Caption: 11 px
    Menu: 21 px
    Footer: 27 px
    (a) Menu (b) Label (c) Caption (d) Footer
  23. 23.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  24. 24.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) post the photo (b) open the camera screen
  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 → Offers → Pens
    Design B: Home → Shop → Confirm → Address → Menu → Search
  26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Results → Size → Item → Cart
    Design B: Home → Cart → Pens
  27. 27.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) looks like the real app (d) shows where things go
  28. 28.🎨 UX stands for user ___. (a) express (b) extra (c) example (d) experience
  29. 29.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  30. 30.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) tab bar (d) dead end
  31. 31.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
  32. 32.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) make a password (b) tap “Sign up”
  33. 33.True or false: space between buttons is poor button design. (a) True (b) False
  34. 34.♿ A screen has 12 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
  35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. open “Match report”
    4. open “Score card”
    5. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 72 px tall
    Back button: 60 px tall
    Help button: 44 px tall
    (a) Help (b) Back (c) Cancel
  37. 37.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
  38. 38.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
  39. 39.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a long animation (d) a text label
  40. 40.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud

Answer key

  1. a simple screen sketch
  2. so users do not get lost
  3. 5
  4. Chat
  5. the font size
  6. open the app
  7. 3
  8. True
  9. makes it harder
  10. 2
  11. True
  12. changes are quick
  13. so anyone can follow
  14. the screen layout
  15. 2
  16. a final design
  17. 0
  18. real users
  19. shows the real fonts
  20. 0
  21. 12
  22. Caption
  23. UI
  24. open the camera screen
  25. 2
  26. 3
  27. shows where things go
  28. experience
  29. True
  30. dead end
  31. UI
  32. tap “Sign up”
  33. False
  34. 3
  35. 3
  36. Help
  37. a tab bar
  38. makes it harder
  39. a text label
  40. on the phone

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