← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 188 · 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.💾 What number does this code show?
    let coins = 6;
    coins = coins - 4;
    coins = coins + 2;
    show(coins);
  2. 2.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  3. 3.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
  4. 4.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 13 px
    Body text: 18 px
    Menu: 11 px
    Caption: 13 px
    Title: 14 px
  5. 5.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Match report”
    4. open “Friend list”
    Which screen are you on now?     (a) Match report (b) Friend list (c) Feed (d) Video
  7. 7.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  8. 8.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Score card”
    3. open “Help page”
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Friend list”
    4. open “Match report”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 16 px
    Caption: 10 px
    Hint: 18 px
    Label: 22 px
    Footer: 19 px     (a) Label (b) Title (c) Caption (d) Hint
  12. 12.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 60 px tall
    Save button: 72 px tall
    Start button: 24 px tall
    Next button: 56 px tall     (a) Back (b) Start (c) Next (d) Save
  13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Next button: 36 px tall
    Help button: 40 px tall
  14. 14.True or false: a final design has the real colours. (a) False (b) True
  15. 15.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) pick a dish (b) add it to the cart
  16. 16.True or false: a final design uses plain grey boxes. (a) False (b) True
  17. 17.💾 pop() takes off the last item. What does this code show?
    let friends = ["Zoya", "Riya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);     (a) Kabir (b) Zoya (c) Riya
  18. 18.True or false: the font size is about UI (the look). (a) False (b) True
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. open “Score card”
    4. tap Back
    5. tap the Lessons tab
    Which screen are you on now?     (a) Me (b) Score card (c) Lessons (d) Quiz
  20. 20.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a long animation (d) a text label
  21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ Add button ]
    [ top bar ]
    [ tab bar ]
    [ list of items ]
    [ Save button ]     (a) Add button (b) Save button (c) top bar (d) tab bar
  22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Me tab
    3. open “Help page”
    4. tap Back
    5. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
  23. 23.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) add a filter (c) write a caption (d) open the camera screen
  24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Friend list”
    3. tap the Lessons tab
    4. tap the Lessons tab
    5. open “Match report”
    Which screen are you on now?     (a) Lessons (b) Friend list (c) Edit photo (d) Match report
  25. 25.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
  26. 26.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) uses plain grey boxes (d) uses the final pictures
  27. 27.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  28. 28.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pick a dish (c) pay for the order (d) track the order
  29. 29.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ title text ]
    [ search box ]
    [ menu icon ]     (a) title text (b) menu icon (c) big picture
  30. 30.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) read a question (d) tap “Start quiz”
  31. 31.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) inside a button (d) nowhere
  32. 32.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) the icon shapes (d) how fast a task is done
  33. 33.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  34. 34.Which of these fits saving on the phone? (a) chat messages to friends (b) your last game level (c) photos on two devices (d) a shared to-do list
  35. 35.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  36. 36.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) goes to the last screen (d) switches main sections
  37. 37.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 11 px
    Label: 22 px
    Hint: 14 px
    Menu: 23 px
    Body text: 10 px
  38. 38.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ filter buttons ]
    [ menu icon ]
    [ title text ]
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Help page”
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. 4
  2. True
  3. goes to the last screen
  4. 4
  5. 4
  6. Friend list
  7. on the phone
  8. a wireframe
  9. 3
  10. 3
  11. Caption
  12. Start
  13. 0
  14. True
  15. pick a dish
  16. False
  17. Riya
  18. True
  19. Lessons
  20. a text label
  21. Save button
  22. 0
  23. add a filter
  24. Match report
  25. UI
  26. uses plain grey boxes
  27. True
  28. pick a dish
  29. title text
  30. tap “Start quiz”
  31. at the bottom
  32. the icon shapes
  33. in the cloud
  34. your last game level
  35. a wireframe
  36. switches main sections
  37. 3
  38. No
  39. 4
  40. 3

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