← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 769 · 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.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
  2. 2.✏️ What is a wireframe? (a) a simple screen sketch (b) a type of password (c) the finished app (d) a charging cable
  3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Video”
    3. open “Help page”
    4. open “Video”
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  5. 5.Which of these is about UX (the experience)? (a) the icon shapes (b) the theme colours (c) the font size (d) how users feel after
  6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap Back
    3. open “Match report”
    4. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
  7. 7.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Pay
    Design B: Home → Results → Offers → Confirm → Shop → Cart
    (a) Design A (b) Design B
  9. 9.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) enter the code sent (c) type name and email (d) see the home screen
  10. 10.🔢 In a food-order flow, which comes first: “check the cart” or “pick a dish”? (a) check the cart (b) pick a dish
  11. 11.True or false: icons with no meaning is good button design. (a) True (b) False
  12. 12.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  13. 13.True or false: a wireframe shows the real fonts. (a) False (b) True
  14. 14.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ search box ]
    (a) big picture (b) menu icon (c) search box
  15. 15.True or false: a final design shows the real fonts. (a) False (b) True
  16. 16.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
  17. 17.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) the theme colours (d) how fast a task is done
  18. 18.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  19. 19.Which of these fits saving in the cloud? (a) a draft you are typing (b) a shared to-do list (c) the sound on/off setting (d) your last game level
  20. 20.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
  21. 21.🔍 Which is the odd one out? (a) colour as the only clue (b) big touch targets (c) sudden loud sounds (d) tiny tap areas
  22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Edit photo”
    3. open “Edit photo”
    4. tap Back
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 10 px
    Menu: 21 px
    Footer: 11 px
    Hint: 15 px
  24. 24.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) photos on two devices (d) a draft you are typing
  25. 25.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) see the home screen (c) type name and email (d) open the app
  26. 26.♿ A screen has 8 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
  27. 27.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) see if it is right (b) pick an answer
  28. 28.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) chat messages to friends (d) notes to read offline
  29. 29.Which of these is true of a menu button? (a) hides extra links (b) goes to the last screen (c) undoes one move (d) switches main sections
  30. 30.Which colour pair is hard to read? (a) dark blue on white (b) black on pale grey (c) white on dark green (d) red on green
  31. 31.Which colour pair is easy to read? (a) dark blue on black (b) yellow on white (c) white on dark green (d) pale pink on white
  32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Address
    Design B: Home → Pens → Address → Pay
  33. 33.🎨 Who should you test the UX with? (a) nobody (b) real users (c) only yourself (d) the app icon
  34. 34.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
  35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Help page”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) goes to the last screen (d) opens a list of pages
  37. 37.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  38. 38.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 24 px tall
    Done button: 72 px tall
    Save button: 52 px tall
    Back button: 60 px tall
    (a) Done (b) Help (c) Save (d) Back
  39. 39.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  40. 40.True or false: a final design is a quick sketch. (a) False (b) True

Answer key

  1. makes it harder
  2. a simple screen sketch
  3. 5
  4. on the phone
  5. how users feel after
  6. 0
  7. makes it harder
  8. Design A
  9. type name and email
  10. pick a dish
  11. False
  12. a wireframe
  13. False
  14. big picture
  15. True
  16. UI
  17. the theme colours
  18. True
  19. a shared to-do list
  20. False
  21. big touch targets
  22. 0
  23. 3
  24. photos on two devices
  25. see the home screen
  26. 1
  27. pick an answer
  28. chat messages to friends
  29. hides extra links
  30. red on green
  31. white on dark green
  32. 3
  33. real users
  34. a tab bar
  35. 2
  36. opens a list of pages
  37. 4
  38. Help
  39. easy to read
  40. False

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