← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 186 · 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.💾 What number does this code show?
    let friends = ["Aman", "Meera", "Kabir", "Zoya"];
    friends.push("Arjun");
    show(friends.length);
  2. 2.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
  3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Edit photo”
    3. tap Back
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Edit photo (d) Match report
  4. 4.Which colour pair is easy to read? (a) white on black (b) pale pink on white (c) light grey on white (d) yellow on white
  5. 5.Which of these is about UX (the experience)? (a) the font size (b) the button colours (c) how easy sign-up is (d) the screen layout
  6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Offers
    Design B: Home → Cart → Menu → Address → Pens → Size → Results
  7. 7.True or false: photos on two devices fits saving on the phone. (a) True (b) False
  8. 8.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a random page (d) a clear next step
  9. 9.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) write a caption (d) post the photo
  10. 10.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
  11. 11.True or false: the theme colours is about UX (the experience). (a) True (b) False
  12. 12.🔍 Which is the odd one out? (a) strong colour contrast (b) colour as the only clue (c) big touch targets (d) labels on every icon
  13. 13.Which of these fits saving on the phone? (a) photos on two devices (b) notes to read offline (c) a class leaderboard (d) a shared to-do list
  14. 14.🔢 In a food-order flow, which comes first: “check the cart” or “open the menu”? (a) check the cart (b) open the menu
  15. 15.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) the phone settings (d) that tab’s main screen
  16. 16.💾 What number does this code show?
    let songs = ["Ocean", "Stars"];
    songs.push("Rain");
    show(songs.length);
  17. 17.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
  18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ title text ]
    [ big picture ]
    [ search box ]
    (a) menu icon (b) big picture (c) title text (d) search box
  19. 19.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
  20. 20.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
  21. 21.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  22. 22.True or false: a wireframe shows where things go. (a) False (b) True
  23. 23.Which of these helps everyone use the app? (a) text that can grow (b) icons with no labels (c) sudden loud sounds (d) fast-flashing lights
  24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Me tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  25. 25.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) track the order (c) pay for the order (d) add it to the cart
  26. 26.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  27. 27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 10 px
    Footer: 17 px
    Hint: 19 px
    Caption: 28 px
    (a) Hint (b) Caption (c) Footer (d) Body text
  28. 28.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a type of password (d) a charging cable
  29. 29.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
  30. 30.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) the sound on/off setting (d) a shared to-do list
  31. 31.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a colour theme (d) a type of font
  32. 32.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
  33. 33.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) make a password (c) see the home screen (d) type name and email
  34. 34.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to hide the buttons (d) to skip testing
  35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Cart
    Design B: Home → Size → Results → Menu → Cart → Pens
  36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 17 px
    Menu: 14 px
    Footer: 17 px
    Hint: 24 px
    Label: 23 px
  37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Help page”
    3. tap the Settings tab
    4. open “Score card”
    Which screen are you on now?
    (a) Feed (b) Match report (c) Help page (d) Score card
  38. 38.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  39. 39.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) see the home screen (d) open the app
  40. 40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ list of items ]
    [ title text ]
    (a) tab bar (b) search box (c) title text (d) list of items

Answer key

  1. 5
  2. makes it harder
  3. Match report
  4. white on black
  5. how easy sign-up is
  6. 4
  7. False
  8. a clear next step
  9. write a caption
  10. poor design
  11. False
  12. colour as the only clue
  13. notes to read offline
  14. open the menu
  15. that tab’s main screen
  16. 3
  17. 3
  18. search box
  19. makes it harder
  20. goes to the last screen
  21. a final design
  22. True
  23. text that can grow
  24. 1
  25. track the order
  26. No
  27. Body text
  28. a simple screen sketch
  29. a menu button
  30. a shared to-do list
  31. the path through screens
  32. a tab bar
  33. see the home screen
  34. so each step is clear
  35. 3
  36. 1
  37. Score card
  38. poor design
  39. open the app
  40. title text

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