← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 436 · 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.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
  2. 2.Which of these is true of a wireframe? (a) looks like the real app (b) uses plain grey boxes (c) uses the final pictures (d) has the real colours
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Pens → Item → Confirm → Menu
    Design B: Home → Results → Pay → Menu
  4. 4.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Hindi", "Sports", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Science (c) Sports (d) Art
  5. 5.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) pick a dish (c) open the menu (d) check the cart
  6. 6.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  7. 7.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  8. 8.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) icons with no labels (d) big touch targets
  9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 28 px
    Hint: 9 px
    Caption: 19 px
    (a) Caption (b) Hint (c) Title
  10. 10.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) fast-flashing lights (d) big touch targets
  11. 11.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
  12. 12.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) type name and email (c) see the home screen (d) open the app
  13. 13.True or false: a wireframe looks like the real app. (a) True (b) False
  14. 14.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
  15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ title text ]
    [ tab bar ]
    [ Save button ]
    [ big picture ]
    [ top bar ]
  16. 16.🔢 In a food-order flow, what comes right after “pick a dish”? (a) track the order (b) pay for the order (c) add it to the cart (d) check the cart
  17. 17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 60 px tall
    Next button: 40 px tall
    Start button: 48 px tall
    (a) Next (b) Send (c) Start
  18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 24 px
    Menu: 11 px
    Caption: 17 px
    Footer: 16 px
    (a) Footer (b) Caption (c) Menu (d) Label
  19. 19.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
  20. 20.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
  21. 21.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a shared chat (c) a cloud backup (d) data saved on the phone
  22. 22.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see if it is right (d) see the final score
  23. 23.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
  24. 24.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 72 px tall
    Done button: 72 px tall
    Help button: 28 px tall
    (a) Help (b) Send (c) Done
  26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Match report”
    3. tap the Settings tab
    Which screen are you on now?
    (a) Feed (b) Match report (c) Settings (d) Score card
  27. 27.True or false: “colour as the only clue” helps everyone use the app. (a) False (b) True
  28. 28.🔍 Which is the odd one out? (a) how easy sign-up is (b) how fast a task is done (c) how users feel after (d) the icon shapes
  29. 29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 64 px tall
    Start button: 24 px tall
    Done button: 48 px tall
    (a) Back (b) Start (c) Done
  30. 30.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
  31. 31.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  32. 32.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) uses the final pictures (d) shows where things go
  33. 33.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  34. 34.Which of these helps everyone use the app? (a) text that can grow (b) colour as the only clue (c) fast-flashing lights (d) tiny tap areas
  35. 35.Which colour pair is easy to read? (a) red on green (b) black on yellow (c) dark blue on black (d) light grey on white
  36. 36.True or false: notes to read offline fits saving in the cloud. (a) True (b) False
  37. 37.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  38. 38.Which of these is about UI (the look)? (a) the theme colours (b) how many taps it takes (c) how easy sign-up is (d) whether users get lost
  39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 72 px tall
    Send button: 36 px tall
    Cancel button: 56 px tall
    (a) Cancel (b) Help (c) Send
  40. 40.♿ A screen has 10 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?

Answer key

  1. the back button
  2. uses plain grey boxes
  3. 2
  4. Sports
  5. open the menu
  6. on the phone
  7. UI
  8. icons with no labels
  9. Hint
  10. big touch targets
  11. good design
  12. open the app
  13. False
  14. makes it harder
  15. 6
  16. add it to the cart
  17. Next
  18. Menu
  19. hard to read
  20. goes to the last screen
  21. data saved on the phone
  22. see if it is right
  23. a menu button
  24. good design
  25. Help
  26. Settings
  27. False
  28. the icon shapes
  29. Start
  30. a clear next step
  31. UX
  32. shows where things go
  33. makes it harder
  34. text that can grow
  35. black on yellow
  36. False
  37. good design
  38. the theme colours
  39. Send
  40. 1

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