← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 67 · 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.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Shop → Search → Menu → Item
    Design B: Home → Offers → Pens
  3. 3.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) more colours (c) a bigger app (d) worse UX
  4. 4.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
  5. 5.Which colour pair is easy to read? (a) red on green (b) yellow on white (c) white on dark green (d) light grey on white
  6. 6.Which of these makes the app harder to use? (a) strong colour contrast (b) sudden loud sounds (c) big touch targets (d) captions on videos
  7. 7.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) add a filter (b) write a caption
  8. 8.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  9. 9.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
  10. 10.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) has no real colours (d) uses the final pictures
  11. 11.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a 3D printer (c) a phone case (d) a microphone
  12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Friend list”
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) read a question
  14. 14.True or false: a wireframe shows where things go. (a) True (b) False
  15. 15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 36 px tall
    Send button: 56 px tall
    Save button: 72 px tall
    (a) Cancel (b) Save (c) Send
  16. 16.True or false: the screen layout is about UX (the experience). (a) False (b) True
  17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pens → Cart → Pay → Shop → Search
    Design B: Home → Offers → Confirm → Pens → Results → Shop
    (a) Design A (b) Design B
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Match report”
    3. tap Back
    4. open “Edit photo”
    5. tap the Home tab
    Which screen are you on now?
    (a) Search (b) Match report (c) Edit photo (d) Home
  19. 19.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. open “Badges”
    4. tap Back
    Which screen are you on now?
    (a) Search (b) Home (c) Video (d) Badges
  21. 21.💾 What number does this code show?
    let notes = ["Maths", "Hindi", "Science", "Music"];
    notes.push("Art");
    show(notes.length);
  22. 22.🔢 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
  23. 23.True or false: a clear word like Save is poor button design. (a) False (b) True
  24. 24.True or false: “icons with no labels” helps everyone use the app. (a) False (b) True
  25. 25.🔍 Which is the odd one out? (a) whether users get lost (b) how users feel after (c) how easy sign-up is (d) the screen layout
  26. 26.🔢 In a food-order flow, what comes right after “check the cart”? (a) pay for the order (b) add it to the cart (c) track the order (d) open the menu
  27. 27.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  28. 28.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  30. 30.♿ 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
  31. 31.🔍 Which is the odd one out? (a) sudden loud sounds (b) colour as the only clue (c) text that can grow (d) fast-flashing lights
  32. 32.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a draft you are typing (d) a shared to-do list
  33. 33.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
  34. 34.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) delete this (c) an error (d) a picture goes here
  35. 35.Which of these makes the app harder to use? (a) labels on every icon (b) icons with no labels (c) text that can grow (d) captions on videos
  36. 36.♿ What does a screen reader do? (a) takes photos (b) makes text tiny (c) reads the screen aloud (d) plays music
  37. 37.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) post the photo (b) add a filter
  38. 38.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) add a filter (c) write a caption (d) open the camera screen
  39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Address → Confirm → Cart → Size → Results
    Design B: Home → Item → Search → Address → Results → Size
  40. 40.🔢 In a sign-up flow, what comes right after “open the app”? (a) tap “Sign up” (b) make a password (c) type name and email (d) see the home screen

Answer key

  1. on the phone
  2. 3
  3. better UX
  4. so users do not get lost
  5. white on dark green
  6. sudden loud sounds
  7. add a filter
  8. hard to read
  9. a final design
  10. has no real colours
  11. pencil and paper
  12. 0
  13. tap “Start quiz”
  14. True
  15. Cancel
  16. False
  17. Design B
  18. Home
  19. a wireframe
  20. Home
  21. 5
  22. open the camera screen
  23. False
  24. False
  25. the screen layout
  26. pay for the order
  27. False
  28. a final design
  29. 0
  30. colour-blind users
  31. text that can grow
  32. a draft you are typing
  33. 3 to 5
  34. a picture goes here
  35. icons with no labels
  36. reads the screen aloud
  37. add a filter
  38. open the camera screen
  39. 1
  40. tap “Sign up”

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