← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 68 · 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.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) use it on any device (d) shrink the app
  2. 2.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  3. 3.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
  4. 4.🎨 UX stands for user ___. (a) extra (b) experience (c) example (d) express
  5. 5.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  6. 6.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
  7. 7.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a cloud backup (c) a shared chat (d) data saved on the phone
  8. 8.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  9. 9.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) at the bottom (d) nowhere
  10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Offers → Item → Address → Cart → Results
    Design B: Home → Offers → Menu → Search → Cart → Pay
  11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 23 px
    Hint: 14 px
    Body text: 28 px
    Footer: 28 px
    Caption: 28 px     (a) Label (b) Footer (c) Hint (d) Body text
  12. 12.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ]
    [ list of items ]     (a) list of items (b) Save button (c) menu icon (d) top bar
  13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Chat tab
    3. open “Edit photo”
    4. tap the Chat tab
    5. open “Map”
    Which screen are you on now?     (a) Edit photo (b) Feed (c) Map (d) Badges
  14. 14.Which colour pair is easy to read? (a) light grey on white (b) black on yellow (c) pale pink on white (d) yellow on white
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Results → Search → Offers → Pay
    Design B: Home → Pay → Size
  16. 16.✏️ Why draw a wireframe before coding? (a) it saves data (b) changes are quick (c) it runs the app (d) it adds colours
  17. 17.True or false: the theme colours is about UI (the look). (a) True (b) False
  18. 18.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
  19. 19.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ menu icon ]
    [ tab bar ]
    [ filter buttons ]
    [ Save button ]
    [ title text ]     (a) title text (b) Save button (c) menu icon (d) filter buttons
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Chat tab
    3. open “Score card”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) see if it is right (b) tap “Start quiz”
  22. 22.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) see if it is right (c) pick an answer (d) see the final score
  23. 23.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) post the photo (c) take the photo (d) open the camera screen
  24. 24.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
  25. 25.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ search box ]
    [ menu icon ]
    [ top bar ]
    [ filter buttons ]
  26. 26.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    [ title text ]
  27. 27.🎨 Who should you test the UX with? (a) only yourself (b) nobody (c) real users (d) the app icon
  28. 28.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
  29. 29.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ list of items ]
    [ top bar ]
    [ Add button ]     (a) Save button (b) top bar (c) list of items (d) Add button
  30. 30.Which of these is true of a wireframe? (a) shows the real fonts (b) uses plain grey boxes (c) has the real colours (d) looks like the real app
  31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Address → Search
    Design B: Home → Confirm → Address → Item
  32. 32.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ top bar ]     (a) tab bar (b) top bar (c) search box (d) Save button
  33. 33.💾 What number does this code show?
    let notes = ["Art", "Maths"];
    notes.push("Music");
    notes.push("Science");
    show(notes.length);
  34. 34.🔢 In a sign-up flow, what comes right after “open the app”? (a) tap “Sign up” (b) see the home screen (c) enter the code sent (d) make a password
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ filter buttons ]
    [ title text ]
    [ search box ]
    [ big picture ]
    [ menu icon ]
    [ top bar ]     (a) filter buttons (b) menu icon (c) big picture (d) search box
  36. 36.♿ A screen has 12 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  37. 37.Which of these makes the app harder to use? (a) big touch targets (b) tiny tap areas (c) text that can grow (d) strong colour contrast
  38. 38.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) to hide the sound (d) so anyone can follow
  39. 39.🔍 Which is the odd one out? (a) tiny tap areas (b) icons with no labels (c) labels on every icon (d) fast-flashing lights
  40. 40.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe

Answer key

  1. use it on any device
  2. on the phone
  3. a final design
  4. experience
  5. makes it harder
  6. False
  7. data saved on the phone
  8. a final design
  9. at the bottom
  10. 1
  11. Hint
  12. list of items
  13. Map
  14. black on yellow
  15. 5
  16. changes are quick
  17. True
  18. a menu button
  19. menu icon
  20. 0
  21. tap “Start quiz”
  22. see the final score
  23. open the camera screen
  24. better UX
  25. 5
  26. 6
  27. real users
  28. a final design
  29. Add button
  30. uses plain grey boxes
  31. 3
  32. search box
  33. 4
  34. tap “Sign up”
  35. search box
  36. 9
  37. tiny tap areas
  38. so anyone can follow
  39. labels on every icon
  40. a wireframe

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