← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 96 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Match report”
    3. tap Back
    4. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  2. 2.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  3. 3.🔘 Our rule: buttons are at least 48 px tall. The Start button is 36 px tall. How many px taller must it be?
  4. 4.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) better UX (d) worse UX
  5. 5.True or false: the screen layout is about UX (the experience). (a) True (b) False
  6. 6.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 56 px tall
    Next button: 60 px tall
    Help button: 24 px tall
    (a) Start (b) Help (c) Next
  7. 7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 40 px tall
    Help button: 56 px tall
    Send button: 48 px tall
    Start button: 68 px tall
    (a) Send (b) Save (c) Help (d) Start
  8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Badges”
    3. tap the Chat tab
    4. tap the Settings tab
    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: strong colour contrast? (a) makes it harder (b) helps everyone
  10. 10.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  11. 11.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) photos on two devices (d) a shared to-do list
  12. 12.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) the theme colours (d) how easy sign-up is
  13. 13.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a simple screen sketch (d) a charging cable
  14. 14.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ filter buttons ]
    [ list of items ]
    [ big picture ]
    [ Add button ]
    (a) Add button (b) big picture (c) filter buttons
  15. 15.Which of these fits saving on the phone? (a) the sound on/off setting (b) chat messages to friends (c) a shared to-do list (d) photos on two devices
  16. 16.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 20 (c) 1 (d) 10 to 12
  17. 17.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to add colour (d) to slow them down
  18. 18.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) photos on two devices (d) notes to read offline
  19. 19.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. open “Help page”
    3. open “Edit photo”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see the final score (b) see if it is right
  22. 22.💾 What number does this code show?
    let score = 8;
    score = score - 6;
    score = score + 4;
    show(score);
  23. 23.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) no UI at all (c) good UX but poor UI (d) good UI but poor UX
  24. 24.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
  25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 64 px tall
    Start button: 64 px tall
    Help button: 36 px tall
  26. 26.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ Save button ]
    [ search box ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    (a) list of items (b) search box (c) Save button (d) tab bar
  27. 27.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ Save button ]
    [ search box ]
    [ menu icon ]
    (a) menu icon (b) search box (c) Save button
  28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ Add button ]
    [ big picture ]
    [ menu icon ]
    (a) big picture (b) menu icon (c) list of items (d) Add button
  29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Chat tab
    3. open “Match report”
    Which screen are you on now?
    (a) Chat (b) Match report (c) Settings (d) Feed
  30. 30.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  31. 31.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  32. 32.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) read a question (c) see if it is right (d) see the final score
  33. 33.Which of these is about UX (the experience)? (a) the icon shapes (b) whether users get lost (c) the theme colours (d) the screen layout
  34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 64 px tall
    Help button: 60 px tall
    Save button: 32 px tall
    (a) Save (b) Start (c) Help
  35. 35.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ menu icon ]
    [ filter buttons ]
    [ list of items ]
    [ Add button ]
    (a) top bar (b) Add button (c) filter buttons (d) list of items
  36. 36.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) pay for the order (c) add it to the cart (d) track the order
  37. 37.Which colour pair is hard to read? (a) pale pink on white (b) white on dark green (c) dark blue on white (d) black on yellow
  38. 38.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
  39. 39.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  40. 40.Which of these is about UX (the experience)? (a) the icon shapes (b) how many taps it takes (c) the font size (d) the button colours

Answer key

  1. 2
  2. True
  3. 12
  4. better UX
  5. False
  6. Help
  7. Save
  8. 0
  9. helps everyone
  10. hard to read
  11. a draft you are typing
  12. the theme colours
  13. a simple screen sketch
  14. filter buttons
  15. the sound on/off setting
  16. 3 to 5
  17. so anyone can follow
  18. photos on two devices
  19. True
  20. 2
  21. see if it is right
  22. 6
  23. good UI but poor UX
  24. in the cloud
  25. 2
  26. Save button
  27. Save button
  28. menu icon
  29. Match report
  30. easy to read
  31. helps everyone
  32. see the final score
  33. whether users get lost
  34. Save
  35. Add button
  36. pay for the order
  37. pale pink on white
  38. True
  39. poor design
  40. how many taps it takes

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