← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 441 · 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.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  2. 2.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) home screen (d) dead end
  3. 3.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  4. 4.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Science", "Sports"];
    show(notes[1]);
    (a) Science (b) Sports (c) Maths
  5. 5.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) a shared chat (d) data saved on the phone
  6. 6.Which of these helps everyone use the app? (a) fast-flashing lights (b) sudden loud sounds (c) tiny tap areas (d) labels on every icon
  7. 7.♿ A screen has 11 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
  8. 8.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  9. 9.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
  10. 10.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  11. 11.Which of these is about UX (the experience)? (a) how fast a task is done (b) the screen layout (c) the button colours (d) the font size
  12. 12.💾 What number does this code show?
    let stars = 7;
    stars = stars - 4;
    stars = stars + 1;
    show(stars);
  13. 13.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) how easy sign-up is (d) the theme colours
  14. 14.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
  15. 15.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) is a quick sketch (d) uses the final pictures
  16. 16.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
  17. 17.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) track the order (c) pick a dish (d) pay for the order
  18. 18.💾 What does this code show? (Positions start at 0.)
    let songs = ["Ocean", "Sunrise", "Stars"];
    show(songs[2]);
    (a) Sunrise (b) Stars (c) Ocean
  19. 19.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) open the menu (c) track the order (d) add it to the cart
  20. 20.Which of these is true of a wireframe? (a) has the real colours (b) has no real colours (c) shows the real fonts (d) uses the final pictures
  21. 21.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) good UI but poor UX (d) perfect UX
  22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 64 px tall
    Help button: 44 px tall
    Done button: 60 px tall
    (a) Help (b) Next (c) Done
  23. 23.💾 What number does this code show?
    let points = 3;
    points = points - 1;
    points = points + 2;
    show(points);
  24. 24.Which of these is about UI (the look)? (a) how fast a task is done (b) the screen layout (c) how easy sign-up is (d) how users feel after
  25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Match report”
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Badges”
    3. tap Back
    4. open “Map”
    5. open “Match report”
    Which screen are you on now?
    (a) Match report (b) Badges (c) Map (d) Home
  27. 27.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  28. 28.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  29. 29.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on yellow (d) red on green
  30. 30.Which of these is true of a final design? (a) has no real colours (b) is a quick sketch (c) uses plain grey boxes (d) has the real colours
  31. 31.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Save button ]
    [ top bar ]
    [ Add button ]
    [ list of items ]
    [ tab bar ]
    [ filter buttons ]
    (a) Add button (b) filter buttons (c) list of items (d) Save button
  32. 32.Which of these is about UI (the look)? (a) how many taps it takes (b) how users feel after (c) the font size (d) whether users get lost
  33. 33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Match report”
    3. open “Map”
    Which screen are you on now?
    (a) Match report (b) Map (c) Friend list (d) Lessons
  34. 34.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
  35. 35.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
  36. 36.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
  37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ list of items ]
    [ Save button ]
    [ title text ]
    [ tab bar ]
  38. 38.Which of these is true of a menu button? (a) switches main sections (b) goes to the last screen (c) sits at the bottom (d) hides extra links
  39. 39.✏️ 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
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap the Home tab
    3. open “Score card”
    4. open “Score card”
    5. tap the Home tab
    Which screen are you on now?
    (a) Home (b) Search (c) Score card (d) Edit photo

Answer key

  1. helps everyone
  2. dead end
  3. hard to read
  4. Science
  5. data saved on the phone
  6. labels on every icon
  7. 2
  8. a wireframe
  9. False
  10. good design
  11. how fast a task is done
  12. 4
  13. how easy sign-up is
  14. False
  15. is a quick sketch
  16. tap “Start quiz”
  17. pay for the order
  18. Stars
  19. track the order
  20. has no real colours
  21. good UI but poor UX
  22. Help
  23. 4
  24. the screen layout
  25. 0
  26. Match report
  27. a wireframe
  28. hard to read
  29. black on yellow
  30. has the real colours
  31. Save button
  32. the font size
  33. Map
  34. interface
  35. a simple screen sketch
  36. False
  37. 5
  38. hides extra links
  39. pencil and paper
  40. Home

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