← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 563 · 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.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) open the app (c) tap “Sign up” (d) see the home screen
  2. 2.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  3. 3.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  4. 4.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “pick an answer”? (a) pick an answer (b) tap “Start quiz”
  5. 5.Which colour pair is hard to read? (a) dark blue on white (b) white on dark green (c) black on yellow (d) red on green
  6. 6.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) the sound on/off setting (d) photos on two devices
  7. 7.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) plays music (d) takes photos
  8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Size → Offers → Item → Address → Menu
    Design B: Home → Search → Pens → Pay → Menu → Results
  9. 9.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  10. 10.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
  11. 11.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Cart → Menu → Shop → Address → Pay
    Design B: Home → Results → Item → Search → Pay
    (a) Design B (b) Design A
  12. 12.💾 What number does this code show?
    let score = 8;
    score = score - 6;
    score = score + 5;
    show(score);
  13. 13.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  14. 14.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  15. 15.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
  16. 16.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only experts (d) only the coder
  17. 17.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. open “Help page”
    4. tap the Chat tab
    Which screen are you on now?
    (a) Help page (b) Feed (c) Settings (d) Chat
  19. 19.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) so each step is clear (d) to hide the buttons
  20. 20.🔢 In a food-order flow, which comes first: “track the order” or “check the cart”? (a) check the cart (b) track the order
  21. 21.💾 What number does this code show?
    let notes = ["Art", "Maths", "Science"];
    notes.push("Music");
    show(notes.length);
  22. 22.Which colour pair is hard to read? (a) black on pale grey (b) yellow on white (c) dark blue on white (d) white on black
  23. 23.💾 What number does this code show?
    let points = 8;
    points = points - 5;
    points = points + 4;
    show(points);
  24. 24.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  25. 25.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) dark blue on white (d) pale pink on white
  26. 26.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
  27. 27.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) shows the real fonts (d) uses plain grey boxes
  28. 28.True or false: a final design uses plain grey boxes. (a) False (b) True
  29. 29.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) worse UX (c) a bigger app (d) more colours
  30. 30.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Ocean", "Kites", "Rain", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Ocean (b) Kites (c) Rain (d) Monsoon
  31. 31.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  32. 32.Which of these is true of a tab bar? (a) hides extra links (b) sits at the bottom (c) opens a list of pages (d) goes to the last screen
  33. 33.💾 What number does this code show?
    let notes = ["Music", "Art", "Sports"];
    notes.push("Maths");
    notes.push("Science");
    show(notes.length);
  34. 34.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
  35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Search → Size → Address
    Design B: Home → Cart → Pay
    (a) Design B (b) Design A
  36. 36.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
  37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Match report”
    3. tap Back
    Which screen are you on now?
    (a) Chat (b) Settings (c) Feed (d) Match report
  38. 38.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) icons with no labels (d) text that can grow
  39. 39.💾 What number does this code show?
    let lives = 4;
    lives = lives - 2;
    lives = lives + 2;
    show(lives);
  40. 40.True or false: a final design is a quick sketch. (a) True (b) False

Answer key

  1. see the home screen
  2. easy to read
  3. False
  4. tap “Start quiz”
  5. red on green
  6. photos on two devices
  7. reads the screen aloud
  8. 5
  9. easy to read
  10. 28
  11. Design B
  12. 7
  13. hard to read
  14. on the phone
  15. in the cloud
  16. everyone
  17. makes it harder
  18. Chat
  19. so each step is clear
  20. check the cart
  21. 4
  22. yellow on white
  23. 7
  24. on the phone
  25. dark blue on white
  26. helps everyone
  27. uses plain grey boxes
  28. False
  29. better UX
  30. Rain
  31. UX
  32. sits at the bottom
  33. 5
  34. 24
  35. Design B
  36. UI
  37. Settings
  38. icons with no labels
  39. 4
  40. False

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