← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 298 · 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.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) pay for the order (c) track the order (d) add it to the cart
  2. 2.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter
  3. 3.🧭 Why should every screen show where you are? (a) to use more battery (b) to hide the menu (c) to look busy (d) so users do not get lost
  4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results → Shop → Search → Confirm → Size
    Design B: Home → Confirm → Pay → Search
    (a) Design A (b) Design B
  5. 5.Which of these is about UX (the experience)? (a) whether users get lost (b) the theme colours (c) the icon shapes (d) the font size
  6. 6.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) has the real colours (d) is a quick sketch
  7. 7.🔍 Which is the odd one out? (a) the screen layout (b) the button colours (c) how users feel after (d) the icon shapes
  8. 8.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the icon shapes (d) the font size
  9. 9.Which of these is true of a final design? (a) has the real colours (b) is a quick sketch (c) shows where things go (d) uses plain grey boxes
  10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Confirm → Shop → Address → Cart → Results
    Design B: Home → Shop → Results
    (a) Design A (b) Design B
  11. 11.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) white on dark green (d) light grey on white
  12. 12.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a random page (d) a dead end
  13. 13.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it runs the app (c) it saves data (d) it adds colours
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Score card”
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Score card (b) Quiz (c) Me (d) Lessons
  15. 15.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
  16. 16.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Help page”
    3. tap the Profile tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
  19. 19.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ Add button ]
    [ title text ]
    [ big picture ]
    (a) title text (b) Add button (c) big picture
  20. 20.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 56 px tall
    Save button: 40 px tall
    Next button: 32 px tall
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Search → Results → Menu → Address
    Design B: Home → Offers → Address → Results
    (a) Design B (b) Design A
  22. 22.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) real users (d) only yourself
  23. 23.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) pick a dish (c) add it to the cart (d) open the menu
  24. 24.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) a draft you are typing (d) a class leaderboard
  25. 25.🔍 Which is the odd one out? (a) captions on videos (b) big touch targets (c) icons with no labels (d) labels on every icon
  26. 26.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) that tab’s main screen (d) the phone settings
  27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Search tab
    3. open “Video”
    Which screen are you on now?
    (a) Profile (b) Home (c) Search (d) Video
  28. 28.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to add more taps (d) to skip testing
  29. 29.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Menu → Confirm
    Design B: Home → Pay → Shop → Offers → Search → Item → Results
    (a) Design A (b) Design B
  30. 30.💾 What number does this code show?
    let friends = ["Arjun", "Kabir", "Meera", "Riya"];
    friends.push("Aman");
    show(friends.length);
  31. 31.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
  32. 32.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ menu icon ]
    [ title text ]
    [ tab bar ]
    [ big picture ]
    (a) title text (b) menu icon (c) big picture
  33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ menu icon ]
    [ top bar ]
    [ big picture ]
    (a) big picture (b) top bar (c) menu icon (d) filter buttons
  34. 34.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) a shared to-do list (d) the sound on/off setting
  35. 35.Which of these is about UI (the look)? (a) how fast a task is done (b) how users feel after (c) how many taps it takes (d) the screen layout
  36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Pens → Results → Item
    Design B: Home → Offers → Size → Results → Search → Pay
  37. 37.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Help page”
    3. open “Match report”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  39. 39.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) red on green (d) dark blue on white
  40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 13 px
    Body text: 11 px
    Title: 17 px
    Hint: 15 px

Answer key

  1. add it to the cart
  2. add a filter
  3. so users do not get lost
  4. Design B
  5. whether users get lost
  6. is a quick sketch
  7. how users feel after
  8. how easy sign-up is
  9. has the real colours
  10. Design B
  11. light grey on white
  12. a clear next step
  13. changes are quick
  14. Lessons
  15. True
  16. a wireframe
  17. 1
  18. False
  19. Add button
  20. 1
  21. Design B
  22. real users
  23. open the menu
  24. a class leaderboard
  25. icons with no labels
  26. that tab’s main screen
  27. Video
  28. so each step is clear
  29. Design A
  30. 5
  31. on the phone
  32. big picture
  33. big picture
  34. a shared to-do list
  35. the screen layout
  36. 4
  37. helps everyone
  38. 1
  39. dark blue on white
  40. 3

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