← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 320 · 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, which comes first: “check the cart” or “pick a dish”? (a) check the cart (b) pick a dish
  2. 2.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) track the order (b) add it to the cart
  3. 3.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) undoes one move (d) hides extra links
  4. 4.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) black on pale grey (d) dark blue on black
  5. 5.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Feed tab
    3. open “Map”
    4. tap Back
    Which screen are you on now?
    (a) Chat (b) Map (c) Feed (d) Settings
  7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Profile tab
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.Which of these helps everyone use the app? (a) captions on videos (b) tiny tap areas (c) fast-flashing lights (d) icons with no labels
  9. 9.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  10. 10.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Arjun", "Riya", "Kabir", "Aman"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Kabir (b) Arjun (c) Meera (d) Riya
  11. 11.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
  12. 12.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) type name and email (c) make a password (d) see the home screen
  13. 13.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) pick a dish (b) open the menu
  14. 14.True or false: a big, easy tap area is good button design. (a) False (b) True
  15. 15.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) worse UX (c) better UX (d) more colours
  16. 16.♿ A screen has 7 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  17. 17.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  18. 18.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) captions on videos (d) fast-flashing lights
  19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Match report”
    3. open “Video”
    Which screen are you on now?
    (a) Video (b) Chat (c) Feed (d) Match report
  20. 20.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
  21. 21.Which of these is true of a wireframe? (a) uses plain grey boxes (b) has the real colours (c) shows the real fonts (d) uses the final pictures
  22. 22.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  23. 23.💾 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
  24. 24.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer
  25. 25.🔢 In a food-order flow, which comes first: “pay for the order” or “check the cart”? (a) pay for the order (b) check the cart
  26. 26.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) write a caption (c) add a filter (d) take the photo
  27. 27.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  28. 28.Which of these fits saving on the phone? (a) a shared to-do list (b) your last game level (c) a class leaderboard (d) chat messages to friends
  29. 29.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) see the final score (c) see if it is right (d) pick an answer
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Menu → Pens → Size
    Design B: Home → Address → Pay → Size → Search → Item
  31. 31.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  32. 32.True or false: a clear word like Save is good button design. (a) False (b) True
  33. 33.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  34. 34.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) type name and email (b) make a password (c) open the app (d) see the home screen
  35. 35.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it adds colours (d) it runs the app
  36. 36.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
  37. 37.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
  38. 38.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  39. 39.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) read a question (b) tap “Start quiz” (c) see the final score (d) pick an answer
  40. 40.💾 What number does this code show?
    let score = 6;
    score = score - 1;
    score = score + 3;
    show(score);

Answer key

  1. pick a dish
  2. add it to the cart
  3. hides extra links
  4. dark blue on black
  5. poor design
  6. Feed
  7. 0
  8. captions on videos
  9. helps everyone
  10. Kabir
  11. poor design
  12. see the home screen
  13. open the menu
  14. True
  15. better UX
  16. 4
  17. a wireframe
  18. captions on videos
  19. Video
  20. so each step is clear
  21. uses plain grey boxes
  22. True
  23. on the phone
  24. pencil and paper
  25. check the cart
  26. post the photo
  27. a wireframe
  28. your last game level
  29. pick an answer
  30. 1
  31. a final design
  32. True
  33. 3
  34. type name and email
  35. changes are quick
  36. UI
  37. makes it harder
  38. in the cloud
  39. see the final score
  40. 8

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