← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 173 · 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.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) so each step is clear (d) to add more taps
  2. 2.🔍 Which is the odd one out? (a) the screen layout (b) how many taps it takes (c) the font size (d) the button colours
  3. 3.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) see if it is right (c) read a question (d) pick an answer
  4. 4.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) make a password (d) open the app
  5. 5.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) pick an answer
  6. 6.💾 What number does this code show?
    let lives = 9;
    lives = lives - 4;
    lives = lives + 4;
    show(lives);
  7. 7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ title text ]
    [ top bar ]
    [ Add button ]
    [ tab bar ]
    (a) top bar (b) tab bar (c) Add button (d) filter buttons
  8. 8.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
  9. 9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 56 px tall
    Next button: 64 px tall
    Start button: 44 px tall
    Send button: 52 px tall
  10. 10.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
  11. 11.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) check the cart (b) add it to the cart
  12. 12.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
  13. 13.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  14. 14.True or false: a wireframe shows the real fonts. (a) True (b) False
  15. 15.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
  16. 16.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) a bigger app (c) more colours (d) worse UX
  17. 17.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  18. 18.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) a type of password (d) the finished app
  19. 19.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
  20. 20.Which of these helps everyone use the app? (a) tiny tap areas (b) icons with no labels (c) sudden loud sounds (d) labels on every icon
  21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. open “Match report”
    4. tap the Home tab
    5. open “Help page”
    Which screen are you on now?
    (a) Match report (b) Search (c) Help page (d) Home
  22. 22.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  23. 23.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  24. 24.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ top bar ]
    [ list of items ]
    [ filter buttons ]
    [ big picture ]
    [ Add button ]
    (a) top bar (b) big picture (c) list of items (d) Add button
  25. 25.True or false: a wireframe is a quick sketch. (a) False (b) True
  26. 26.True or false: a wireframe has no real colours. (a) True (b) False
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 64 px tall
    Send button: 44 px tall
    Back button: 52 px tall
    (a) Send (b) Save (c) Back
  28. 28.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) fast-flashing lights (d) labels on every icon
  29. 29.🔍 Which is the odd one out? (a) big touch targets (b) text that can grow (c) captions on videos (d) colour as the only clue
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Video”
    3. tap the Chat tab
    Which screen are you on now?
    (a) Chat (b) Friend list (c) Feed (d) Video
  31. 31.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) dark blue on white (d) dark blue on black
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. tap the Me tab
    Which screen are you on now?
    (a) Quiz (b) Lessons (c) Me (d) Badges
  33. 33.Which of these helps everyone use the app? (a) fast-flashing lights (b) colour as the only clue (c) big touch targets (d) tiny tap areas
  34. 34.Which of these is true of a final design? (a) is a quick sketch (b) uses the final pictures (c) has no real colours (d) uses plain grey boxes
  35. 35.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
  36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Offers
    Design B: Home → Size → Pens → Shop
    (a) Design B (b) Design A
  37. 37.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) read a question (b) see the final score
  38. 38.♿ What does a screen reader do? (a) makes text tiny (b) plays music (c) takes photos (d) reads the screen aloud
  39. 39.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
  40. 40.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) the same screen (d) a clear next step

Answer key

  1. so each step is clear
  2. how many taps it takes
  3. read a question
  4. open the app
  5. tap “Start quiz”
  6. 9
  7. tab bar
  8. on the phone
  9. 3
  10. in the cloud
  11. add it to the cart
  12. a menu button
  13. hard to read
  14. False
  15. False
  16. better UX
  17. a final design
  18. a simple screen sketch
  19. goes to the last screen
  20. labels on every icon
  21. Help page
  22. False
  23. easy to read
  24. list of items
  25. True
  26. True
  27. Send
  28. labels on every icon
  29. colour as the only clue
  30. Chat
  31. dark blue on black
  32. Me
  33. big touch targets
  34. uses the final pictures
  35. dead end
  36. Design A
  37. read a question
  38. reads the screen aloud
  39. real users
  40. a clear next step

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