← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 546 · 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) delete this (b) a picture goes here (c) an error (d) a closed app
  2. 2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Menu → Cart
    Design B: Home → Pens → Address → Item → Shop → Search → Confirm
    (a) Design B (b) Design A
  3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap the Lessons tab
    3. open “Match report”
    Which screen are you on now?
    (a) Match report (b) Score card (c) Quiz (d) Lessons
  4. 4.Which of these is true of a menu button? (a) goes to the last screen (b) switches main sections (c) undoes one move (d) opens a list of pages
  5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Badges”
    4. open “Map”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  6. 6.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ filter buttons ]
    [ big picture ]
    [ tab bar ]
    [ title text ]
    [ Add button ]
  7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Friend list”
    3. tap Back
    4. tap Back
    Which screen are you on now?
    (a) Home (b) Map (c) Friend list (d) Search
  8. 8.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
  9. 9.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Maths", "Music", "Science", "Hindi"];
    show(notes[1]);
    (a) Art (b) Science (c) Maths (d) Music
  10. 10.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) colour-blind users (c) fast typists (d) the server
  11. 11.True or false: a final design is a quick sketch. (a) False (b) True
  12. 12.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  13. 13.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) open the app (b) enter the code sent
  14. 14.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) makes text tiny (d) plays music
  15. 15.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to hide the buttons (d) to add more taps
  16. 16.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) has the real colours (d) uses plain grey boxes
  17. 17.Which of these makes the app harder to use? (a) captions on videos (b) text that can grow (c) tiny tap areas (d) strong colour contrast
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Size → Pens → Search → Address → Menu
    Design B: Home → Item → Cart → Pay → Results
    (a) Design A (b) Design B
  19. 19.🎨 UI stands for user ___. (a) input (b) internet (c) interface (d) idea
  20. 20.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  21. 21.🔍 Which is the odd one out? (a) text that can grow (b) sudden loud sounds (c) tiny tap areas (d) colour as the only clue
  22. 22.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  23. 23.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 10 to 12 (d) 3 to 5
  24. 24.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  25. 25.🔘 Our rule: buttons are at least 48 px tall. The Send button is 40 px tall. How many px taller must it be?
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap the Profile tab
    3. open “Badges”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  27. 27.Which of these is true of a final design? (a) shows the real fonts (b) is a quick sketch (c) has no real colours (d) uses plain grey boxes
  28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Confirm
    Design B: Home → Results → Item → Shop
    (a) Design B (b) Design A
  29. 29.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
  30. 30.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) is a quick sketch (d) has the real colours
  31. 31.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) use it on any device (c) never need a password (d) skip the internet
  32. 32.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) dead end (d) shortcut
  33. 33.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
  34. 34.Which colour pair is hard to read? (a) light grey on white (b) black on pale grey (c) black on yellow (d) white on dark green
  35. 35.True or false: a wireframe looks like the real app. (a) True (b) False
  36. 36.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a long animation (c) a text label (d) a sound
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 22 px
    Menu: 11 px
    Title: 25 px
    Hint: 17 px
    (a) Hint (b) Menu (c) Title (d) Label
  38. 38.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
  39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 16 px
    Label: 10 px
    Caption: 19 px
    (a) Body text (b) Label (c) Caption
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Badges”
    3. open “Match report”
    4. open “Edit photo”
    5. open “Help page”
    Which screen are you on now?
    (a) Edit photo (b) Badges (c) Help page (d) Match report

Answer key

  1. a picture goes here
  2. Design A
  3. Match report
  4. opens a list of pages
  5. 1
  6. 6
  7. Home
  8. a tab bar
  9. Maths
  10. colour-blind users
  11. False
  12. poor design
  13. open the app
  14. reads the screen aloud
  15. so each step is clear
  16. has the real colours
  17. tiny tap areas
  18. Design B
  19. interface
  20. 4
  21. text that can grow
  22. False
  23. 3 to 5
  24. False
  25. 8
  26. 0
  27. shows the real fonts
  28. Design A
  29. make a password
  30. is a quick sketch
  31. use it on any device
  32. dead end
  33. on the phone
  34. light grey on white
  35. False
  36. a text label
  37. Menu
  38. easy to read
  39. Label
  40. Help page

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