← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 397 · 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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Video”
    3. tap the Quiz tab
    4. tap the Quiz tab
    5. open “Help page”
    Which screen are you on now?
    (a) Video (b) Friend list (c) Help page (d) Lessons
  2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Map”
    Which screen are you on now?
    (a) Feed (b) Chat (c) Settings (d) Map
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Confirm → Search → Address → Pay → Cart
    Design B: Home → Pens → Pay
  4. 4.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
  5. 5.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  6. 6.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  7. 7.♿ Why add captions to videos? (a) to slow them down (b) to hide the sound (c) so anyone can follow (d) to add colour
  8. 8.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) see if it is right (b) pick an answer
  9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Menu → Results → Confirm → Search
    Design B: Home → Size → Pens → Cart → Search
  10. 10.🔍 Which is the odd one out? (a) the screen layout (b) the button colours (c) the icon shapes (d) how easy sign-up is
  11. 11.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
  12. 12.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
  13. 13.🔘 Our rule: buttons are at least 48 px tall. The Send button is 36 px tall. How many px taller must it be?
  14. 14.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
  15. 15.Which of these is about UI (the look)? (a) how many taps it takes (b) the screen layout (c) how fast a task is done (d) how easy sign-up is
  16. 16.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
  17. 17.True or false: a big, easy tap area is poor button design. (a) False (b) True
  18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Lessons tab
    3. open “Map”
    4. open “Video”
    5. open “Badges”
    Which screen are you on now?
    (a) Badges (b) Video (c) Edit photo (d) Map
  19. 19.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) pick a dish (c) track the order (d) check the cart
  20. 20.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
  21. 21.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
  22. 22.True or false: a big, easy tap area is good button design. (a) True (b) False
  23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Badges”
    3. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  24. 24.🧭 Which part of navigation switches main sections? (a) the back button (b) a tab bar (c) a menu button
  25. 25.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) home screen (d) tab bar
  26. 26.True or false: a wireframe shows where things go. (a) False (b) True
  27. 27.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to add more taps (d) to hide the buttons
  28. 28.🔍 Which is the odd one out? (a) icons with no labels (b) colour as the only clue (c) sudden loud sounds (d) strong colour contrast
  29. 29.💾 What number does this code show?
    let notes = ["Hindi", "Music"];
    notes.push("Maths");
    show(notes.length);
  30. 30.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  31. 31.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) is a quick sketch (d) looks like the real app
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Map”
    3. tap Back
    4. open “Edit photo”
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Score card”
    3. open “Map”
    4. open “Score card”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 44 px tall
    Save button: 48 px tall
    Cancel button: 60 px tall
    (a) Cancel (b) Done (c) Save
  35. 35.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
  36. 36.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) has the real colours (d) has no real colours
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ title text ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    (a) Add button (b) big picture (c) top bar (d) title text
  38. 38.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) big touch targets (d) fast-flashing lights
  39. 39.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
  40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Confirm → Cart
    Design B: Home → Shop → Offers → Pens → Cart → Search

Answer key

  1. Help page
  2. Map
  3. 4
  4. interface
  5. 5
  6. hard to read
  7. so anyone can follow
  8. pick an answer
  9. 5
  10. how easy sign-up is
  11. post the photo
  12. True
  13. 12
  14. the back button
  15. the screen layout
  16. at the bottom
  17. False
  18. Badges
  19. track the order
  20. UI
  21. add it to the cart
  22. True
  23. 0
  24. a tab bar
  25. dead end
  26. True
  27. so each step is clear
  28. strong colour contrast
  29. 3
  30. a final design
  31. is a quick sketch
  32. 3
  33. 3
  34. Done
  35. pencil and paper
  36. has the real colours
  37. top bar
  38. fast-flashing lights
  39. True
  40. 5

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