← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 875 · 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.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) delete this (d) a picture goes here
  2. 2.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has the real colours (d) has no real colours
  3. 3.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) open the app (c) see the home screen (d) enter the code sent
  4. 4.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) no UI at all (d) good UI but poor UX
  5. 5.💾 What number does this code show?
    let coins = 7;
    coins = coins - 5;
    coins = coins + 1;
    show(coins);
  6. 6.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
  7. 7.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the phone is lost (d) the app is closed
  8. 8.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Badges”
    3. tap Back
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
  11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    (a) Save button (b) filter buttons (c) Add button (d) big picture
  12. 12.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) a tab bar (c) the back button
  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.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Sports", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Music (c) Science
  15. 15.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) uses the final pictures
  16. 16.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) see if it is right (c) see the final score (d) pick an answer
  17. 17.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) the font size (d) how fast a task is done
  18. 18.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  19. 19.💾 What number does this code show?
    let notes = ["Maths", "Sports", "Music"];
    notes.push("Science");
    notes.push("Art");
    show(notes.length);
  20. 20.True or false: how fast a task is done is about UI (the look). (a) False (b) True
  21. 21.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
  22. 22.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Save button ]
    [ title text ]
    [ Add button ]
    [ tab bar ]
    [ list of items ]
    (a) title text (b) list of items (c) Save button (d) tab bar
  23. 23.🔢 In a food-order flow, which comes first: “add it to the cart” or “open the menu”? (a) open the menu (b) add it to the cart
  24. 24.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to add more taps (d) to skip testing
  25. 25.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ top bar ]
    [ big picture ]
    [ Add button ]
    (a) list of items (b) top bar (c) big picture (d) Add button
  27. 27.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  28. 28.Which of these fits saving in the cloud? (a) your last game level (b) a class leaderboard (c) a draft you are typing (d) notes to read offline
  29. 29.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
  31. 31.True or false: a final design shows where things go. (a) True (b) False
  32. 32.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ menu icon ]
    [ list of items ]
    [ filter buttons ]
    [ Save button ]
    (a) menu icon (b) list of items (c) filter buttons
  33. 33.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) read a question (d) see the final score
  34. 34.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a shared to-do list (d) a draft you are typing
  35. 35.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
  36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Shop → Item
    Design B: Home → Cart → Size
  37. 37.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) add it to the cart (b) pick a dish
  38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Pay → Size
    Design B: Home → Address → Pay → Cart → Offers → Pens → Results
  39. 39.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
  40. 40.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections

Answer key

  1. a picture goes here
  2. has the real colours
  3. open the app
  4. good UI but poor UX
  5. 3
  6. True
  7. the phone is lost
  8. hard to read
  9. 0
  10. in the cloud
  11. big picture
  12. a tab bar
  13. see if it is right
  14. Sports
  15. uses the final pictures
  16. see the final score
  17. how fast a task is done
  18. True
  19. 5
  20. False
  21. changes are quick
  22. tab bar
  23. open the menu
  24. so each step is clear
  25. 3
  26. Add button
  27. on the phone
  28. a class leaderboard
  29. a menu button
  30. 16
  31. False
  32. filter buttons
  33. see the final score
  34. a draft you are typing
  35. a simple screen sketch
  36. 1
  37. pick a dish
  38. 3
  39. a tab bar
  40. switches main sections

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