← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 19 · 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: chat messages to friends fits saving on the phone. (a) True (b) False
  2. 2.True or false: a wireframe is a quick sketch. (a) False (b) True
  3. 3.True or false: a final design shows where things go. (a) False (b) True
  4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Results → Pay → Menu
    Design B: Home → Address → Search → Size
    (a) Design B (b) Design A
  5. 5.🔢 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
  6. 6.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
  7. 7.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Score card”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) shows where things go (d) looks like the real app
  9. 9.True or false: “fast-flashing lights” makes the app harder to use. (a) True (b) False
  10. 10.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  11. 11.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) that tab’s main screen (d) a random page
  12. 12.💾 What number does this code show?
    let songs = ["Sunrise", "Monsoon"];
    songs.push("Kites");
    songs.push("Stars");
    show(songs.length);
  13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 19 px
    Footer: 27 px
    Menu: 11 px
    Hint: 25 px
    (a) Label (b) Hint (c) Menu (d) Footer
  14. 14.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  15. 15.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
  16. 16.Which of these helps everyone use the app? (a) big touch targets (b) colour as the only clue (c) icons with no labels (d) fast-flashing lights
  17. 17.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) switches main sections (d) opens a list of pages
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Results → Item → Confirm → Search → Address
    Design B: Home → Results → Menu → Cart → Address
    (a) Design A (b) Design B
  19. 19.♿ What does a screen reader do? (a) reads the screen aloud (b) plays music (c) makes text tiny (d) takes photos
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Pay → Results → Search → Offers → Pens
    Design B: Home → Address → Size → Search → Offers → Menu
  21. 21.True or false: a final design uses plain grey boxes. (a) False (b) True
  22. 22.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ tab bar ]
    [ Add button ]
    [ top bar ]
  23. 23.Which colour pair is easy to read? (a) dark blue on white (b) red on green (c) pale pink on white (d) yellow on white
  24. 24.🔘 Our rule: buttons are at least 48 px tall. The Send button is 32 px tall. How many px taller must it be?
  25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Video”
    3. tap the Search tab
    4. open “Map”
    Which screen are you on now?
    (a) Home (b) Search (c) Video (d) Map
  26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Results → Pens → Shop → Address
    Design B: Home → Shop → Offers → Search → Menu
    (a) Design A (b) Design B
  27. 27.True or false: buttons almost touching is good button design. (a) True (b) False
  28. 28.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
  29. 29.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) a draft you are typing (d) photos on two devices
  30. 30.True or false: a wireframe shows the real fonts. (a) True (b) False
  31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Offers → Pens → Shop
    Design B: Home → Address → Size → Pay
  32. 32.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Menu
    Design B: Home → Offers → Shop → Results → Size
    (a) Design B (b) Design A
  33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ top bar ]
    [ filter buttons ]
    (a) big picture (b) top bar (c) filter buttons (d) Save button
  34. 34.Which of these makes the app harder to use? (a) text that can grow (b) captions on videos (c) big touch targets (d) colour as the only clue
  35. 35.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) open the menu (b) add it to the cart
  36. 36.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  37. 37.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) write a caption (b) take the photo
  38. 38.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) type name and email (c) see the home screen (d) tap “Sign up”
  39. 39.Which of these is true of a final design? (a) has no real colours (b) is a quick sketch (c) shows the real fonts (d) uses plain grey boxes
  40. 40.🎨 Who should you test the UX with? (a) real users (b) nobody (c) only yourself (d) the app icon

Answer key

  1. False
  2. True
  3. False
  4. Design B
  5. see the final score
  6. good design
  7. 0
  8. shows where things go
  9. True
  10. makes it harder
  11. that tab’s main screen
  12. 4
  13. Menu
  14. a wireframe
  15. pick an answer
  16. big touch targets
  17. opens a list of pages
  18. Design B
  19. reads the screen aloud
  20. 6
  21. False
  22. 4
  23. dark blue on white
  24. 16
  25. Map
  26. Design B
  27. False
  28. poor design
  29. photos on two devices
  30. False
  31. 1
  32. Design A
  33. filter buttons
  34. colour as the only clue
  35. open the menu
  36. False
  37. take the photo
  38. see the home screen
  39. shows the real fonts
  40. real users

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