← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 51 · 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.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
  2. 2.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 12 px
    Menu: 28 px
    Title: 17 px
    (a) Title (b) Body text (c) Menu
  3. 3.True or false: “labels on every icon” helps everyone use the app. (a) True (b) False
  4. 4.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) fast typists (c) the server (d) colour-blind users
  5. 5.Which of these is true of the back button? (a) shows 3 to 5 icons (b) undoes one move (c) sits at the bottom (d) switches main sections
  6. 6.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
  7. 7.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
  8. 8.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  9. 9.♿ A screen has 12 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
  10. 10.💾 What number does this code show?
    let notes = ["Music", "Art", "Maths"];
    notes.push("Sports");
    notes.push("Science");
    show(notes.length);
  11. 11.Which of these is true of a final design? (a) is a quick sketch (b) has the real colours (c) shows where things go (d) has no real colours
  12. 12.True or false: how users feel after is about UI (the look). (a) True (b) False
  13. 13.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) notes to read offline (d) a shared to-do list
  14. 14.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) a dead end (d) the same screen
  15. 15.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Size → Offers → Pens
    Design B: Home → Item → Results
  17. 17.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) nowhere (d) at the bottom
  18. 18.Which of these is about UI (the look)? (a) how many taps it takes (b) how easy sign-up is (c) the theme colours (d) whether users get lost
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. tap the Profile tab
    4. open “Badges”
    5. tap Back
    Which screen are you on now?
    (a) Home (b) Profile (c) Badges (d) Match report
  20. 20.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  21. 21.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
  22. 22.♿ What does a screen reader do? (a) reads the screen aloud (b) plays music (c) makes text tiny (d) takes photos
  23. 23.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) a closed app (c) an error (d) delete this
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Settings tab
    3. open “Match report”
    4. open “Friend list”
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  25. 25.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  26. 26.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the screen turns off (d) the phone is lost
  27. 27.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  28. 28.True or false: a wireframe looks like the real app. (a) True (b) False
  29. 29.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 19 px
    Caption: 15 px
    Body text: 22 px
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Chat tab
    3. open “Map”
    4. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Video”
    3. tap Back
    4. tap the Settings tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.Which of these makes the app harder to use? (a) captions on videos (b) strong colour contrast (c) labels on every icon (d) colour as the only clue
  33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Shop
    Design B: Home → Item → Menu → Address → Confirm
  34. 34.🧭 Why should every screen show where you are? (a) to hide the menu (b) so users do not get lost (c) to look busy (d) to use more battery
  35. 35.🔢 In a food-order flow, what comes right after “check the cart”? (a) pick a dish (b) add it to the cart (c) open the menu (d) pay for the order
  36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Feed tab
    3. open “Badges”
    4. tap the Settings tab
    5. open “Edit photo”
    Which screen are you on now?
    (a) Badges (b) Feed (c) Edit photo (d) Chat
  37. 37.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) track the order (c) check the cart (d) pick a dish
  38. 38.Which of these fits saving in the cloud? (a) photos on two devices (b) a draft you are typing (c) notes to read offline (d) your last game level
  39. 39.💾 What number does this code show?
    let stars = 5;
    stars = stars - 3;
    stars = stars + 3;
    show(stars);
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Profile tab
    3. tap the Profile tab
    4. tap the Search tab
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. True
  2. Body text
  3. True
  4. colour-blind users
  5. undoes one move
  6. True
  7. the back button
  8. good design
  9. 5
  10. 5
  11. has the real colours
  12. False
  13. notes to read offline
  14. a clear next step
  15. True
  16. 4
  17. at the bottom
  18. the theme colours
  19. Profile
  20. No
  21. changes are quick
  22. reads the screen aloud
  23. a picture goes here
  24. 0
  25. poor design
  26. the phone is lost
  27. a final design
  28. False
  29. 1
  30. 2
  31. 1
  32. colour as the only clue
  33. 2
  34. so users do not get lost
  35. pay for the order
  36. Edit photo
  37. pick a dish
  38. photos on two devices
  39. 5
  40. 1

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