← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 830 · 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 final design uses plain grey boxes. (a) True (b) False
  2. 2.True or false: “sudden loud sounds” makes the app harder to use. (a) False (b) True
  3. 3.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a charging cable (d) a type of password
  4. 4.Which of these is true of a tab bar? (a) switches main sections (b) opens a list of pages (c) hides extra links (d) goes to the last screen
  5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Size → Menu
    Design B: Home → Search → Address
    (a) Design A (b) Design B
  6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Score card”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  7. 7.🧭 Why should every screen show where you are? (a) to hide the menu (b) to use more battery (c) so users do not get lost (d) to look busy
  8. 8.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  9. 9.Which of these is about UI (the look)? (a) how easy sign-up is (b) the screen layout (c) whether users get lost (d) how many taps it takes
  10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Cart → Confirm → Pens → Search → Size
    Design B: Home → Results → Shop → Cart
    (a) Design A (b) Design B
  11. 11.🔢 In a food-order flow, what comes right after “open the menu”? (a) track the order (b) pick a dish (c) pay for the order (d) check the cart
  12. 12.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  13. 13.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) delete this (c) a closed app (d) an error
  14. 14.Which colour pair is easy to read? (a) dark blue on black (b) light grey on white (c) black on yellow (d) yellow on white
  15. 15.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) a menu button (c) the back button
  16. 16.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Music", "Sports", "Maths"];
    show(notes[2]);
    (a) Maths (b) Science (c) Music (d) Sports
  17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Menu
    Design B: Home → Offers → Address → Search → Pens
    (a) Design A (b) Design B
  18. 18.🔢 In a food-order flow, which comes LAST? (a) track the order (b) pick a dish (c) pay for the order (d) add it to the cart
  19. 19.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Lessons tab
    3. open “Friend list”
    4. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  22. 22.✏️ Why draw a wireframe before coding? (a) it saves data (b) it runs the app (c) changes are quick (d) it adds colours
  23. 23.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) open the app (c) tap “Sign up” (d) see the home screen
  24. 24.True or false: a wireframe has no real colours. (a) False (b) True
  25. 25.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  26. 26.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  27. 27.Which colour pair is easy to read? (a) dark blue on white (b) yellow on white (c) red on green (d) dark blue on black
  28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. open “Map”
    3. tap the Profile tab
    4. open “Help page”
    5. open “Edit photo”
    Which screen are you on now?
    (a) Score card (b) Edit photo (c) Help page (d) Map
  29. 29.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  30. 30.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) open the menu (c) track the order (d) pick a dish
  31. 31.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience
  32. 32.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  33. 33.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) take the photo (b) open the camera screen
  34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Offers → Pay → Address → Menu → Shop
    Design B: Home → Shop → Menu
    (a) Design B (b) Design A
  35. 35.🔍 Which is the odd one out? (a) the icon shapes (b) how fast a task is done (c) how users feel after (d) whether users get lost
  36. 36.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) the sound on/off setting (d) photos on two devices
  37. 37.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  38. 38.🔍 Which is the odd one out? (a) tiny tap areas (b) labels on every icon (c) captions on videos (d) strong colour contrast
  39. 39.Which of these is true of a final design? (a) has no real colours (b) uses plain grey boxes (c) has the real colours (d) shows where things go
  40. 40.💾 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

Answer key

  1. False
  2. True
  3. a simple screen sketch
  4. switches main sections
  5. Design B
  6. 1
  7. so users do not get lost
  8. a wireframe
  9. the screen layout
  10. Design B
  11. pick a dish
  12. 4
  13. a picture goes here
  14. black on yellow
  15. a tab bar
  16. Sports
  17. Design A
  18. track the order
  19. UX
  20. 2
  21. UI
  22. changes are quick
  23. see the home screen
  24. True
  25. hard to read
  26. hard to read
  27. dark blue on white
  28. Edit photo
  29. poor design
  30. check the cart
  31. experience
  32. in the cloud
  33. open the camera screen
  34. Design B
  35. the icon shapes
  36. the sound on/off setting
  37. good design
  38. tiny tap areas
  39. has the real colours
  40. on the phone

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