← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 149 · 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 class leaderboard fits saving in the cloud. (a) False (b) True
  2. 2.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Aman", "Arjun"];
    show(friends[2]);
    (a) Meera (b) Arjun (c) Aman
  3. 3.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
  4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Pens → Pay → Size
    Design B: Home → Menu → Shop
  5. 5.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
  6. 6.🔢 In a quiz-app flow, what comes right after “read a question”? (a) pick an answer (b) see the final score (c) see if it is right (d) tap “Start quiz”
  7. 7.🔢 In a food-order flow, which comes first: “check the cart” or “pay for the order”? (a) pay for the order (b) check the cart
  8. 8.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
  9. 9.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
  10. 10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Badges”
    3. tap Back
    4. open “Help page”
    5. tap Back
    Which screen are you on now?
    (a) Badges (b) Help page (c) Search (d) Home
  11. 11.Which of these is true of a menu button? (a) hides extra links (b) shows 3 to 5 icons (c) switches main sections (d) sits at the bottom
  12. 12.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) switches main sections (d) goes to the last screen
  13. 13.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  14. 14.🔍 Which is the odd one out? (a) fast-flashing lights (b) text that can grow (c) strong colour contrast (d) captions on videos
  15. 15.Which of these is about UI (the look)? (a) whether users get lost (b) the theme colours (c) how easy sign-up is (d) how many taps it takes
  16. 16.💾 Which can hold many values in order? (a) a button (b) a single number (c) a switch (d) a list
  17. 17.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) type name and email (b) tap “Sign up”
  18. 18.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  19. 19.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) post the photo (d) write a caption
  20. 20.Which of these helps everyone use the app? (a) icons with no labels (b) colour as the only clue (c) text that can grow (d) tiny tap areas
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Search
    Design B: Home → Results → Pens → Search
    (a) Design A (b) Design B
  22. 22.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
  23. 23.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) a class leaderboard (d) the sound on/off setting
  24. 24.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) changes are quick (d) it saves data
  25. 25.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  26. 26.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  27. 27.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the battery (c) the server (d) fast typists
  28. 28.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
  29. 29.Which of these makes the app harder to use? (a) colour as the only clue (b) text that can grow (c) big touch targets (d) strong colour contrast
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
  31. 31.True or false: the sound on/off setting fits saving in the cloud. (a) False (b) True
  32. 32.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) sudden loud sounds (d) text that can grow
  33. 33.🧭 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
  34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Search tab
    3. open “Edit photo”
    Which screen are you on now?
    (a) Home (b) Search (c) Badges (d) Edit photo
  35. 35.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Arjun", "Riya", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Arjun (b) Riya (c) Meera (d) Kabir
  36. 36.💾 pop() takes off the last item. What does this code show?
    let songs = ["Ocean", "Sunrise", "Rain", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Ocean (b) Rain (c) Sunrise (d) Kites
  37. 37.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 64 px tall
    Send button: 56 px tall
    Save button: 28 px tall
    Next button: 60 px tall
    (a) Next (b) Save (c) Help (d) Send
  38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Pay → Confirm
    Design B: Home → Search → Pens → Offers → Results → Menu → Size
  39. 39.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) the same screen (c) a random page (d) a dead end
  40. 40.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder

Answer key

  1. True
  2. Arjun
  3. a tab bar
  4. 4
  5. dead end
  6. pick an answer
  7. check the cart
  8. a tab bar
  9. the path through screens
  10. Search
  11. hides extra links
  12. switches main sections
  13. in the cloud
  14. fast-flashing lights
  15. the theme colours
  16. a list
  17. tap “Sign up”
  18. UI
  19. add a filter
  20. text that can grow
  21. Design A
  22. 28
  23. a class leaderboard
  24. changes are quick
  25. hard to read
  26. a tab bar
  27. colour-blind users
  28. so each step is clear
  29. colour as the only clue
  30. 24
  31. False
  32. sudden loud sounds
  33. so users do not get lost
  34. Edit photo
  35. Riya
  36. Rain
  37. Save
  38. 6
  39. a clear next step
  40. makes it harder

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