← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 487 · 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 LAST? (a) track the order (b) check the cart (c) add it to the cart (d) open the menu
  2. 2.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) open the app (b) see the home screen (c) type name and email (d) tap “Sign up”
  3. 3.🔘 Our rule: buttons are at least 48 px tall. The Save button is 32 px tall. How many px taller must it be?
  4. 4.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Stars", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Kites (b) Stars (c) Monsoon
  5. 5.💾 What number does this code show?
    let friends = ["Aman", "Meera"];
    friends.push("Kabir");
    show(friends.length);
  6. 6.Which of these is about UX (the experience)? (a) the theme colours (b) the button colours (c) the font size (d) how easy sign-up is
  7. 7.🔍 Which is the odd one out? (a) the theme colours (b) the button colours (c) the screen layout (d) whether users get lost
  8. 8.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
  9. 9.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a clear next step (c) a dead end (d) the same screen
  10. 10.Which of these is about UI (the look)? (a) the font size (b) how users feel after (c) how many taps it takes (d) how easy sign-up is
  11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Pens → Address
    Design B: Home → Pens → Cart → Confirm → Menu
  12. 12.💾 What number does this code show?
    let friends = ["Kabir", "Riya", "Meera"];
    friends.push("Zoya");
    friends.push("Arjun");
    show(friends.length);
  13. 13.True or false: your last game level fits saving on the phone. (a) True (b) False
  14. 14.True or false: a tiny 20 px button is good button design. (a) False (b) True
  15. 15.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
  16. 16.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 21 px
    Label: 17 px
    Footer: 17 px
    Menu: 11 px
    (a) Label (b) Footer (c) Title (d) Menu
  18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 52 px tall
    Save button: 24 px tall
    Help button: 48 px tall
    (a) Cancel (b) Save (c) Help
  19. 19.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
  20. 20.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
  21. 21.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
  22. 22.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) tap “Start quiz” (c) see if it is right (d) read a question
  23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Confirm → Offers
    Design B: Home → Size → Offers
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Help page”
    3. tap Back
    4. open “Edit photo”
    Which screen are you on now?
    (a) Chat (b) Feed (c) Edit photo (d) Help page
  25. 25.💾 Which can hold many values in order? (a) a button (b) a single number (c) a switch (d) a list
  26. 26.True or false: a clear word like Save is poor button design. (a) True (b) False
  27. 27.🔘 Our rule: buttons are at least 48 px tall. The Help button is 36 px tall. How many px taller must it be?
  28. 28.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Friend list”
    3. tap Back
    Which screen are you on now?
    (a) Me (b) Quiz (c) Lessons (d) Friend list
  29. 29.🎨 UI stands for user ___. (a) internet (b) interface (c) input (d) idea
  30. 30.Which of these is about UX (the experience)? (a) how users feel after (b) the font size (c) the button colours (d) the screen layout
  31. 31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 32 px tall
    Back button: 52 px tall
    Cancel button: 40 px tall
    Done button: 52 px tall
  32. 32.💾 What number does this code show?
    let stars = 7;
    stars = stars - 2;
    stars = stars + 3;
    show(stars);
  33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Menu → Size
    Design B: Home → Search → Confirm
  34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Quiz tab
    3. open “Friend list”
    4. open “Help page”
    5. tap Back
    Which screen are you on now?
    (a) Help page (b) Friend list (c) Quiz (d) Lessons
  35. 35.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a menu button (c) a tab bar
  36. 36.True or false: a final design looks like the real app. (a) False (b) True
  37. 37.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 60 px tall
    Help button: 52 px tall
    Done button: 44 px tall
    (a) Help (b) Next (c) Done
  38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ filter buttons ]
    [ tab bar ]
    [ top bar ]
    [ Save button ]
    [ big picture ]
    (a) filter buttons (b) top bar (c) tab bar (d) big picture
  39. 39.Which of these makes the app harder to use? (a) tiny tap areas (b) text that can grow (c) strong colour contrast (d) big touch targets
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    4. tap Back
    5. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. track the order
  2. see the home screen
  3. 16
  4. Stars
  5. 3
  6. how easy sign-up is
  7. whether users get lost
  8. easy to read
  9. a clear next step
  10. the font size
  11. 3
  12. 5
  13. True
  14. False
  15. make a password
  16. a wireframe
  17. Menu
  18. Save
  19. hard to read
  20. UI
  21. True
  22. see the final score
  23. 1
  24. Edit photo
  25. a list
  26. False
  27. 12
  28. Me
  29. interface
  30. how users feel after
  31. 2
  32. 8
  33. 1
  34. Friend list
  35. a menu button
  36. True
  37. Done
  38. big picture
  39. tiny tap areas
  40. 1

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