← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 475 · 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.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) dark blue on black (d) black on pale grey
  2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  3. 3.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a dead end (c) the same screen (d) a random page
  4. 4.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  5. 5.💾 Which can hold many values in order? (a) a switch (b) a list (c) a single number (d) a button
  6. 6.🔘 Our rule: buttons are at least 48 px tall. The Start button is 24 px tall. How many px taller must it be?
  7. 7.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  8. 8.Which of these helps everyone use the app? (a) colour as the only clue (b) sudden loud sounds (c) labels on every icon (d) fast-flashing lights
  9. 9.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ Save button ]
    [ filter buttons ]
    [ tab bar ]
    [ Add button ]
    [ top bar ]
    (a) top bar (b) tab bar (c) filter buttons (d) Save button
  10. 10.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the font size (d) how many taps it takes
  11. 11.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
  12. 12.True or false: a big, easy tap area is good button design. (a) False (b) True
  13. 13.True or false: a class leaderboard fits saving in the cloud. (a) False (b) True
  14. 14.🔍 Which is the odd one out? (a) whether users get lost (b) how users feel after (c) the button colours (d) how many taps it takes
  15. 15.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
  16. 16.Which of these helps everyone use the app? (a) fast-flashing lights (b) tiny tap areas (c) captions on videos (d) sudden loud sounds
  17. 17.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 16 px
    Body text: 20 px
    Title: 12 px
    Hint: 15 px
    Footer: 15 px
  18. 18.🔢 In a quiz-app flow, which comes first: “see if it is right” or “see the final score”? (a) see if it is right (b) see the final score
  19. 19.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) has the real colours (d) uses plain grey boxes
  20. 20.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  21. 21.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
  22. 22.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
  23. 23.True or false: a final design shows where things go. (a) True (b) False
  24. 24.💾 What number does this code show?
    let friends = ["Kabir", "Arjun", "Zoya"];
    friends.push("Riya");
    show(friends.length);
  25. 25.💾 What number does this code show?
    let score = 5;
    score = score - 2;
    score = score + 1;
    show(score);
  26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 13 px
    Title: 13 px
    Body text: 16 px
  27. 27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 13 px
    Caption: 18 px
    Body text: 19 px
    Footer: 26 px
    Menu: 24 px
    (a) Body text (b) Caption (c) Footer (d) Hint
  28. 28.Which of these is true of a wireframe? (a) has no real colours (b) looks like the real app (c) has the real colours (d) shows the real fonts
  29. 29.Which of these is about UI (the look)? (a) how many taps it takes (b) the button colours (c) whether users get lost (d) how fast a task is done
  30. 30.Which of these helps everyone use the app? (a) fast-flashing lights (b) tiny tap areas (c) text that can grow (d) colour as the only clue
  31. 31.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
  32. 32.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Edit photo”
    3. open “Friend list”
    Which screen are you on now?
    (a) Help page (b) Home (c) Edit photo (d) Friend list
  33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ top bar ]
    [ menu icon ]
    [ filter buttons ]
    [ search box ]
    [ Add button ]
    (a) Add button (b) filter buttons (c) menu icon (d) search box
  34. 34.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Me tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.🔍 Which is the odd one out? (a) whether users get lost (b) the screen layout (c) how fast a task is done (d) how easy sign-up is
  37. 37.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
  38. 38.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
  39. 39.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ list of items ]
    [ top bar ]
    [ Save button ]
    [ Add button ]
    [ big picture ]
    (a) big picture (b) Save button (c) top bar (d) list of items
  40. 40.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) tap “Sign up” (c) make a password (d) type name and email

Answer key

  1. dark blue on black
  2. 1
  3. a clear next step
  4. UX
  5. a list
  6. 24
  7. hard to read
  8. labels on every icon
  9. tab bar
  10. the font size
  11. UI
  12. True
  13. True
  14. the button colours
  15. True
  16. captions on videos
  17. 3
  18. see if it is right
  19. uses plain grey boxes
  20. 3
  21. in the cloud
  22. 4
  23. False
  24. 4
  25. 4
  26. 2
  27. Hint
  28. has no real colours
  29. the button colours
  30. text that can grow
  31. 16
  32. Friend list
  33. Add button
  34. on the phone
  35. 1
  36. the screen layout
  37. the back button
  38. 1
  39. big picture
  40. see the home screen

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