← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 463 · 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.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Settings tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  3. 3.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
  4. 4.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
  5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 18 px
    Title: 16 px
    Caption: 9 px
    Label: 28 px
    Footer: 24 px
    (a) Caption (b) Title (c) Label (d) Menu
  6. 6.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) uses the final pictures (d) has no real colours
  7. 7.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) shows where things go (d) shows the real fonts
  8. 8.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the app is closed (c) the phone is lost (d) the screen turns off
  9. 9.True or false: a final design has no real colours. (a) False (b) True
  10. 10.♿ Why add captions to videos? (a) to slow them down (b) to hide the sound (c) so anyone can follow (d) to add colour
  11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Cancel button: 40 px tall
    Start button: 48 px tall
  12. 12.💾 What does this code show? (Positions start at 0.)
    let notes = ["Hindi", "Sports", "Science"];
    show(notes[0]);
    (a) Science (b) Sports (c) Hindi
  13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  14. 14.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
  15. 15.🎨 UI stands for user ___. (a) input (b) idea (c) internet (d) interface
  16. 16.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  17. 17.💾 What number does this code show?
    let lives = 7;
    lives = lives - 6;
    lives = lives + 5;
    show(lives);
  18. 18.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
  19. 19.True or false: whether users get lost is about UI (the look). (a) False (b) True
  20. 20.🔢 In a photo-post flow, which comes first: “take the photo” or “add a filter”? (a) take the photo (b) add a filter
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pens → Offers → Size
    Design B: Home → Results → Size
    (a) Design A (b) Design B
  22. 22.Which of these is about UX (the experience)? (a) whether users get lost (b) the button colours (c) the icon shapes (d) the theme colours
  23. 23.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) deletes the page (d) opens settings
  24. 24.True or false: the font size is about UX (the experience). (a) False (b) True
  25. 25.🔀 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
  26. 26.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) post the photo (d) write a caption
  27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. tap the Home tab
    4. open “Friend list”
    5. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  28. 28.True or false: “icons with no labels” helps everyone use the app. (a) False (b) True
  29. 29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 32 px tall
    Back button: 48 px tall
    Save button: 48 px tall
    (a) Save (b) Back (c) Send
  30. 30.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
  31. 31.🎨 UX stands for user ___. (a) example (b) extra (c) express (d) experience
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Quiz tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  33. 33.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a dead end (d) a clear next step
  34. 34.♿ A screen has 9 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  35. 35.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ list of items ]
    [ tab bar ]
    [ top bar ]
    [ search box ]
    (a) list of items (b) search box (c) top bar
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ top bar ]
    [ title text ]
    [ Save button ]
    (a) top bar (b) title text (c) Save button
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 23 px
    Hint: 13 px
    Footer: 16 px
    Title: 19 px
    (a) Hint (b) Title (c) Footer (d) Body text
  38. 38.True or false: a final design shows the real fonts. (a) True (b) False
  39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Item → Shop → Search
    Design B: Home → Menu → Confirm → Cart → Size → Offers → Pay
  40. 40.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder

Answer key

  1. False
  2. 1
  3. a tab bar
  4. a tab bar
  5. Caption
  6. has no real colours
  7. shows where things go
  8. the phone is lost
  9. False
  10. so anyone can follow
  11. 2
  12. Hindi
  13. 2
  14. a menu button
  15. interface
  16. hard to read
  17. 6
  18. real users
  19. False
  20. take the photo
  21. Design B
  22. whether users get lost
  23. goes to the last screen
  24. False
  25. so each step is clear
  26. post the photo
  27. 0
  28. False
  29. Send
  30. a final design
  31. experience
  32. 1
  33. a clear next step
  34. 5
  35. list of items
  36. top bar
  37. Hint
  38. True
  39. 6
  40. helps everyone

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