← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 493 · 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.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to add more taps (d) to skip testing
  2. 2.Which of these is true of the back button? (a) goes to the last screen (b) shows 3 to 5 icons (c) sits at the bottom (d) opens a list of pages
  3. 3.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) pay for the order (c) track the order (d) check the cart
  4. 4.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  5. 5.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
  6. 6.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to slow them down (d) to add colour
  7. 7.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) shows the real fonts (d) is a quick sketch
  8. 8.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
  9. 9.True or false: the font size is about UI (the look). (a) True (b) False
  10. 10.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) chat messages to friends (d) the sound on/off setting
  11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. tap the Feed tab
    4. open “Video”
    Which screen are you on now?
    (a) Feed (b) Chat (c) Video (d) Settings
  12. 12.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) add it to the cart (b) pick a dish
  13. 13.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) big touch targets (d) colour as the only clue
  14. 14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 22 px
    Menu: 10 px
    Footer: 26 px
    Body text: 27 px
    (a) Title (b) Menu (c) Body text (d) Footer
  15. 15.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  16. 16.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
  17. 17.True or false: your last game level fits saving in the cloud. (a) False (b) True
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Search → Offers → Results → Address
    Design B: Home → Pay → Shop → Menu → Offers
    (a) Design A (b) Design B
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Video”
    3. open “Match report”
    4. tap Back
    Which screen are you on now?
    (a) Search (b) Home (c) Video (d) Match report
  20. 20.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 48 px tall
    Send button: 64 px tall
    Next button: 44 px tall
  21. 21.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) undoes one move (d) hides extra links
  22. 22.🔍 Which is the odd one out? (a) strong colour contrast (b) sudden loud sounds (c) tiny tap areas (d) colour as the only clue
  23. 23.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see the final score (c) tap “Start quiz” (d) see if it is right
  24. 24.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) make a password (b) tap “Sign up”
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Search → Pens → Pay → Menu
    Design B: Home → Confirm → Results → Address → Cart
  26. 26.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) see the final score (b) tap “Start quiz”
  27. 27.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  28. 28.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Sunrise", "Kites"];
    show(songs[0]);
    (a) Sunrise (b) Kites (c) Monsoon
  29. 29.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections
  30. 30.🔍 Which is the odd one out? (a) fast-flashing lights (b) labels on every icon (c) sudden loud sounds (d) colour as the only clue
  31. 31.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) dead end (d) shortcut
  32. 32.True or false: the screen layout is about UX (the experience). (a) False (b) True
  33. 33.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
  34. 34.Which of these is true of a wireframe? (a) has no real colours (b) has the real colours (c) shows the real fonts (d) looks like the real app
  35. 35.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  36. 36.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Cart → Pens → Menu
    Design B: Home → Address → Item
  38. 38.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  39. 39.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ Add button ]
    [ Save button ]
    [ list of items ]
    [ big picture ]
    (a) list of items (b) big picture (c) Add button
  40. 40.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI

Answer key

  1. so each step is clear
  2. goes to the last screen
  3. track the order
  4. easy to read
  5. False
  6. so anyone can follow
  7. shows the real fonts
  8. easy to read
  9. True
  10. the sound on/off setting
  11. Video
  12. pick a dish
  13. big touch targets
  14. Menu
  15. poor design
  16. UX
  17. False
  18. Design B
  19. Video
  20. 2
  21. hides extra links
  22. strong colour contrast
  23. tap “Start quiz”
  24. tap “Sign up”
  25. 1
  26. tap “Start quiz”
  27. True
  28. Monsoon
  29. switches main sections
  30. labels on every icon
  31. dead end
  32. False
  33. UX
  34. has no real colours
  35. hard to read
  36. a tab bar
  37. 2
  38. makes it harder
  39. Add button
  40. UX

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