← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 635 · 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.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the server (c) the battery (d) fast typists
  2. 2.Which of these makes the app harder to use? (a) captions on videos (b) big touch targets (c) colour as the only clue (d) text that can grow
  3. 3.True or false: a big, easy tap area is poor button design. (a) False (b) True
  4. 4.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
  5. 5.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) looks like the real app (d) is a quick sketch
  6. 6.🔢 In a food-order flow, what comes right after “pick a dish”? (a) check the cart (b) open the menu (c) track the order (d) add it to the cart
  7. 7.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
  8. 8.💾 Which can hold many values in order? (a) a single number (b) a list (c) a switch (d) a button
  9. 9.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  10. 10.True or false: buttons almost touching is poor button design. (a) True (b) False
  11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ top bar ]
    [ menu icon ]
    [ search box ]
    [ Add button ]
    [ Save button ]
    (a) list of items (b) top bar (c) Add button (d) Save button
  12. 12.🔢 In a food-order flow, which comes first: “check the cart” or “pay for the order”? (a) check the cart (b) pay for the order
  13. 13.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) add it to the cart (c) pick a dish (d) open the menu
  14. 14.💾 What number does this code show?
    let coins = 3;
    coins = coins - 3;
    coins = coins + 5;
    show(coins);
  15. 15.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
  16. 16.Which colour pair is hard to read? (a) white on dark green (b) dark blue on white (c) light grey on white (d) black on yellow
  17. 17.💾 What number does this code show?
    let score = 3;
    score = score - 3;
    score = score + 2;
    show(score);
  18. 18.True or false: grey text on grey is good button design. (a) False (b) True
  19. 19.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) fast-flashing lights (d) labels on every icon
  20. 20.Which colour pair is easy to read? (a) dark blue on black (b) white on black (c) yellow on white (d) light grey on white
  21. 21.True or false: a wireframe shows where things go. (a) False (b) True
  22. 22.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) is a quick sketch (d) shows the real fonts
  23. 23.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) uses plain grey boxes (d) shows the real fonts
  24. 24.♿ A screen has 11 icon buttons. Only 10 of them have a text label for screen readers. How many still need a label?
  25. 25.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the app is closed (c) the phone is lost (d) the screen turns off
  26. 26.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
  27. 27.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) open the menu (c) track the order (d) pick a dish
  28. 28.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) the sound on/off setting (d) a shared to-do list
  29. 29.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
  30. 30.💾 What number does this code show?
    let lives = 8;
    lives = lives - 1;
    lives = lives + 5;
    show(lives);
  31. 31.True or false: the button colours is about UX (the experience). (a) True (b) False
  32. 32.Which colour pair is hard to read? (a) black on yellow (b) yellow on white (c) white on dark green (d) dark blue on white
  33. 33.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) type name and email (c) make a password (d) open the app
  34. 34.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 11 px
    Menu: 23 px
    Title: 16 px
  35. 35.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
  36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Confirm → Search → Shop → Pens
    Design B: Home → Shop → Item → Size → Results → Pens → Search
    (a) Design B (b) Design A
  37. 37.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  38. 38.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ filter buttons ]
    [ list of items ]
    [ big picture ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
    (a) filter buttons (b) menu icon (c) top bar (d) list of items
  39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 60 px tall
    Cancel button: 52 px tall
    Back button: 36 px tall
    Save button: 48 px tall
    (a) Back (b) Next (c) Save (d) Cancel
  40. 40.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) a random page (c) the last app used (d) the phone settings

Answer key

  1. colour-blind users
  2. colour as the only clue
  3. False
  4. a named box for a value
  5. looks like the real app
  6. add it to the cart
  7. helps everyone
  8. a list
  9. helps everyone
  10. True
  11. Save button
  12. check the cart
  13. open the menu
  14. 5
  15. makes it harder
  16. light grey on white
  17. 2
  18. False
  19. labels on every icon
  20. white on black
  21. True
  22. is a quick sketch
  23. uses plain grey boxes
  24. 1
  25. the phone is lost
  26. a final design
  27. track the order
  28. the sound on/off setting
  29. on the phone
  30. 12
  31. False
  32. yellow on white
  33. see the home screen
  34. 1
  35. open the camera screen
  36. Design A
  37. easy to read
  38. list of items
  39. Back
  40. that tab’s main screen

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