← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 792 · 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 photo-post flow, which comes first: “post the photo” or “add a filter”? (a) add a filter (b) post the photo
  2. 2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Pay → Shop → Offers → Pens
    Design B: Home → Menu → Item
    (a) Design A (b) Design B
  3. 3.True or false: a final design is a quick sketch. (a) True (b) False
  4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Help page”
    4. tap the Profile tab
    Which screen are you on now?
    (a) Edit photo (b) Help page (c) Profile (d) Home
  5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Quiz tab
    3. open “Badges”
    Which screen are you on now?
    (a) Lessons (b) Me (c) Quiz (d) Badges
  6. 6.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ top bar ]
    [ big picture ]
    [ list of items ]
  7. 7.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  8. 8.Which of these is about UI (the look)? (a) whether users get lost (b) the button colours (c) how easy sign-up is (d) how fast a task is done
  9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. open “Badges”
    4. tap Back
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.♿ What should every icon-only button have for screen readers? (a) a text label (b) a sound (c) a long animation (d) a bright colour
  11. 11.Which of these makes the app harder to use? (a) fast-flashing lights (b) labels on every icon (c) captions on videos (d) text that can grow
  12. 12.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
  13. 13.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see the final score (b) tap “Start quiz” (c) read a question (d) see if it is right
  14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. open “Help page”
    4. tap the Chat tab
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
  16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 19 px
    Title: 20 px
    Footer: 18 px
    Caption: 10 px
    Hint: 25 px
    (a) Caption (b) Footer (c) Label (d) Title
  17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Offers → Confirm → Size
    Design B: Home → Results → Shop → Size → Confirm → Pens → Offers
    (a) Design A (b) Design B
  18. 18.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
  19. 19.💾 What number does this code show?
    let score = 5;
    score = score - 4;
    score = score + 5;
    show(score);
  20. 20.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) shortcut (d) home screen
  21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 28 px tall
    Send button: 60 px tall
    Save button: 56 px tall
    (a) Send (b) Done (c) Save
  22. 22.Which of these is true of a final design? (a) uses plain grey boxes (b) looks like the real app (c) is a quick sketch (d) has no real colours
  23. 23.Which colour pair is easy to read? (a) black on yellow (b) yellow on white (c) red on green (d) pale pink on white
  24. 24.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the server (c) the battery (d) fast typists
  25. 25.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  26. 26.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
  27. 27.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) uses the final pictures (d) is a quick sketch
  28. 28.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Me tab
    3. tap the Lessons tab
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  29. 29.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
  30. 30.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Save button ]
    [ list of items ]
    [ menu icon ]
    [ filter buttons ]
    (a) filter buttons (b) list of items (c) Save button
  31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ big picture ]
    [ list of items ]
    [ filter buttons ]
    [ tab bar ]
    [ top bar ]
  32. 32.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Pens → Search → Pay → Confirm → Offers
    Design B: Home → Address → Menu
    (a) Design A (b) Design B
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    [ filter buttons ]
    [ title text ]
    (a) list of items (b) title text (c) top bar (d) tab bar
  35. 35.Which of these is about UX (the experience)? (a) the icon shapes (b) the font size (c) the theme colours (d) how users feel after
  36. 36.True or false: a final design uses the final pictures. (a) True (b) False
  37. 37.💾 What number does this code show?
    let lives = 4;
    lives = lives - 1;
    lives = lives + 4;
    show(lives);
  38. 38.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) open the camera screen (b) take the photo
  39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Badges”
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Music", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Music (b) Maths (c) Science

Answer key

  1. add a filter
  2. Design B
  3. False
  4. Profile
  5. Badges
  6. 4
  7. on the phone
  8. the button colours
  9. 1
  10. a text label
  11. fast-flashing lights
  12. in the cloud
  13. see if it is right
  14. 1
  15. good design
  16. Caption
  17. Design A
  18. helps everyone
  19. 6
  20. dead end
  21. Done
  22. looks like the real app
  23. black on yellow
  24. colour-blind users
  25. False
  26. open the camera screen
  27. is a quick sketch
  28. 1
  29. the back button
  30. filter buttons
  31. 6
  32. Design B
  33. 1
  34. title text
  35. how users feel after
  36. True
  37. 7
  38. open the camera screen
  39. 3
  40. Music

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