← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 685 · 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.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Ocean", "Rain", "Sunrise", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Stars (b) Sunrise (c) Rain (d) Ocean
  2. 2.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a text label (c) a bright colour (d) a sound
  3. 3.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
  4. 4.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  5. 5.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) more colours (c) worse UX (d) a bigger app
  6. 6.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
  7. 7.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Back button is 24 px tall. How many px taller must it be?
  9. 9.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
  10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Cart → Search → Confirm
    Design B: Home → Shop → Results
    (a) Design B (b) Design A
  11. 11.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Offers
    Design B: Home → Pens → Offers → Item → Shop → Menu → Cart
    (a) Design A (b) Design B
  12. 12.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
  13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Item → Menu
    Design B: Home → Item → Search → Menu → Size → Pens
    (a) Design A (b) Design B
  14. 14.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) see the final score (c) tap “Start quiz” (d) pick an answer
  15. 15.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
  16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ list of items ]
    (a) Save button (b) tab bar (c) list of items (d) search box
  17. 17.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) open the camera screen (c) add a filter (d) write a caption
  18. 18.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
  19. 19.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) sits at the bottom (d) hides extra links
  20. 20.Which of these makes the app harder to use? (a) labels on every icon (b) icons with no labels (c) captions on videos (d) text that can grow
  21. 21.🔢 In a food-order flow, what comes right after “pay for the order”? (a) check the cart (b) pick a dish (c) add it to the cart (d) track the order
  22. 22.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  23. 23.True or false: the screen layout is about UI (the look). (a) False (b) True
  24. 24.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ big picture ]
    [ title text ]
    [ top bar ]
    (a) search box (b) Save button (c) title text (d) top bar
  25. 25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Me tab
    3. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
  26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap the Quiz tab
    3. open “Edit photo”
    Which screen are you on now?
    (a) Lessons (b) Score card (c) Quiz (d) Edit photo
  27. 27.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) see the final score (c) read a question (d) pick an answer
  28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 14 px
    Body text: 20 px
    Label: 28 px
    (a) Body text (b) Label (c) Footer
  29. 29.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  30. 30.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) is a quick sketch (d) uses the final pictures
  31. 31.💾 What number does this code show?
    let points = 3;
    points = points - 3;
    points = points + 1;
    show(points);
  32. 32.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 28 px
    Menu: 19 px
    Title: 24 px
    Hint: 9 px
    Footer: 17 px
    (a) Title (b) Hint (c) Label (d) Menu
  33. 33.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) an error (d) a picture goes here
  34. 34.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
  35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Friend list”
    3. tap Back
    4. tap the Settings tab
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.🔍 Which is the odd one out? (a) fast-flashing lights (b) labels on every icon (c) strong colour contrast (d) captions on videos
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 17 px
    Caption: 11 px
    Footer: 26 px
    Body text: 24 px
    (a) Footer (b) Label (c) Caption (d) Body text
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Quiz tab
    Which screen are you on now?
    (a) Me (b) Quiz (c) Edit photo (d) Lessons
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Profile tab
    3. open “Edit photo”
    4. open “Edit photo”
    5. tap the Home tab
    Which screen are you on now?
    (a) Edit photo (b) Video (c) Search (d) Home
  40. 40.True or false: notes to read offline fits saving in the cloud. (a) False (b) True

Answer key

  1. Sunrise
  2. a text label
  3. True
  4. False
  5. better UX
  6. UX
  7. shows 3 to 5 icons
  8. 24
  9. in the cloud
  10. Design B
  11. Design A
  12. a tab bar
  13. Design A
  14. pick an answer
  15. True
  16. list of items
  17. add a filter
  18. a tab bar
  19. hides extra links
  20. icons with no labels
  21. track the order
  22. True
  23. True
  24. Save button
  25. 0
  26. Edit photo
  27. see the final score
  28. Footer
  29. hard to read
  30. uses the final pictures
  31. 1
  32. Hint
  33. a picture goes here
  34. UX
  35. 0
  36. fast-flashing lights
  37. Caption
  38. Quiz
  39. Home
  40. False

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