← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 790 · 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 Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. open “Edit photo”
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Results
    Design B: Home → Cart → Confirm → Search → Pens → Results → Pay
  3. 3.🔍 Which is the odd one out? (a) the theme colours (b) whether users get lost (c) how users feel after (d) how fast a task is done
  4. 4.🔢 In a sign-up flow, what comes right after “make a password”? (a) type name and email (b) enter the code sent (c) see the home screen (d) tap “Sign up”
  5. 5.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  6. 6.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) a 3D printer (d) pencil and paper
  7. 7.🎨 UI stands for user ___. (a) internet (b) interface (c) idea (d) input
  8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. open “Match report”
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 17 px
    Body text: 9 px
    Menu: 18 px
    Footer: 24 px
    (a) Hint (b) Footer (c) Body text (d) Menu
  10. 10.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) type name and email (b) enter the code sent
  11. 11.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Zoya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Kabir (b) Riya (c) Zoya
  12. 12.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
  13. 13.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
  14. 14.🔍 Which is the odd one out? (a) the theme colours (b) how easy sign-up is (c) the icon shapes (d) the font size
  15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 22 px
    Hint: 23 px
    Footer: 13 px
    (a) Footer (b) Body text (c) Hint
  16. 16.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  17. 17.True or false: a big, easy tap area is poor button design. (a) True (b) False
  18. 18.True or false: buttons almost touching is poor button design. (a) True (b) False
  19. 19.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it runs the app (c) it saves data (d) it adds colours
  20. 20.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) that tab’s main screen (d) a random page
  21. 21.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) has the real colours (d) uses plain grey boxes
  22. 22.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
  23. 23.True or false: “colour as the only clue” makes the app harder to use. (a) False (b) True
  24. 24.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) add a filter (c) open the camera screen (d) post the photo
  25. 25.Which colour pair is easy to read? (a) dark blue on black (b) pale pink on white (c) dark blue on white (d) light grey on white
  26. 26.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) better UX (d) more colours
  27. 27.🔢 In a food-order flow, what comes right after “pay for the order”? (a) pick a dish (b) check the cart (c) track the order (d) add it to the cart
  28. 28.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) so each step is clear (d) to hide the buttons
  29. 29.💾 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
  30. 30.True or false: the theme colours is about UI (the look). (a) True (b) False
  31. 31.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) the server (c) colour-blind users (d) fast typists
  32. 32.🔢 In a food-order flow, which comes first: “pay for the order” or “add it to the cart”? (a) pay for the order (b) add it to the cart
  33. 33.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
  34. 34.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) post the photo (d) add a filter
  35. 35.🔢 In a food-order flow, which comes first: “track the order” or “pick a dish”? (a) pick a dish (b) track the order
  36. 36.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ list of items ]
    [ title text ]
    [ Save button ]
    [ menu icon ]
    [ Add button ]
  37. 37.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) how many taps it takes (d) the button colours
  38. 38.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
  39. 39.💾 What number does this code show?
    let songs = ["Kites", "Rain", "Stars"];
    songs.push("Sunrise");
    show(songs.length);
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. 0
  2. 6
  3. the theme colours
  4. enter the code sent
  5. False
  6. pencil and paper
  7. interface
  8. 3
  9. Body text
  10. type name and email
  11. Zoya
  12. False
  13. hard to read
  14. how easy sign-up is
  15. Footer
  16. False
  17. False
  18. True
  19. changes are quick
  20. that tab’s main screen
  21. uses plain grey boxes
  22. easy to read
  23. True
  24. post the photo
  25. dark blue on white
  26. better UX
  27. track the order
  28. so each step is clear
  29. on the phone
  30. True
  31. colour-blind users
  32. add it to the cart
  33. a menu button
  34. add a filter
  35. pick a dish
  36. 6
  37. how many taps it takes
  38. in the cloud
  39. 4
  40. 1

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