← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 781 · 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 of these is true of the back button? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) hides extra links
  2. 2.Which of these is about UX (the experience)? (a) whether users get lost (b) the theme colours (c) the button colours (d) the icon shapes
  3. 3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 28 px
    Footer: 19 px
    Label: 16 px
    Caption: 10 px
    Menu: 18 px
    (a) Label (b) Caption (c) Footer (d) Body text
  4. 4.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  5. 5.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) a type of font (d) the path through screens
  6. 6.Which colour pair is hard to read? (a) black on yellow (b) red on green (c) black on pale grey (d) white on black
  7. 7.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  8. 8.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ filter buttons ]
    [ Add button ]
    [ menu icon ]
    [ search box ]
    (a) menu icon (b) filter buttons (c) Add button
  9. 9.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) it saves data (d) changes are quick
  10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Shop → Pay
    Design B: Home → Search → Pay → Size
  11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Results → Shop → Search
    Design B: Home → Pay → Item → Pens → Address → Results → Menu
  12. 12.🔍 Which is the odd one out? (a) strong colour contrast (b) captions on videos (c) text that can grow (d) colour as the only clue
  13. 13.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) shows the real fonts (d) has no real colours
  14. 14.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a random page (d) a clear next step
  15. 15.True or false: the button colours is about UI (the look). (a) True (b) False
  16. 16.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
  17. 17.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ tab bar ]
    [ menu icon ]
    [ big picture ]
    (a) search box (b) tab bar (c) menu icon
  18. 18.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
  19. 19.🔍 Which is the odd one out? (a) the theme colours (b) whether users get lost (c) the icon shapes (d) the screen layout
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Confirm → Offers → Item → Shop
    Design B: Home → Pens → Menu → Offers → Results → Search → Size
  21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Address → Results → Menu → Shop → Pens
    Design B: Home → Size → Shop → Offers → Menu → Address
  22. 22.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
  23. 23.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) check the cart (c) pick a dish (d) pay for the order
  24. 24.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
  25. 25.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Done button: 40 px tall
    Start button: 36 px tall
  27. 27.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) track the order (c) pick a dish (d) check the cart
  28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Item → Size → Shop → Pens → Search
    Design B: Home → Shop → Menu
    (a) Design B (b) Design A
  29. 29.Which of these is about UI (the look)? (a) the font size (b) how easy sign-up is (c) how fast a task is done (d) whether users get lost
  30. 30.True or false: space between buttons is good button design. (a) True (b) False
  31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 12 px
    Footer: 22 px
    Label: 18 px
    Caption: 21 px
    Menu: 17 px
  32. 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) that tab’s main screen (d) a random page
  33. 33.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) add a filter (c) open the camera screen (d) take the photo
  34. 34.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
  35. 35.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
  36. 36.Which of these is about UI (the look)? (a) whether users get lost (b) how many taps it takes (c) how fast a task is done (d) the theme colours
  37. 37.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) make a password (c) enter the code sent (d) open the app
  38. 38.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
  39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Pens
    Design B: Home → Pens → Offers → Address → Size → Shop
  40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 52 px tall
    Start button: 28 px tall
    Send button: 56 px tall
    (a) Back (b) Start (c) Send

Answer key

  1. goes to the last screen
  2. whether users get lost
  3. Caption
  4. UI
  5. the path through screens
  6. red on green
  7. True
  8. menu icon
  9. changes are quick
  10. 3
  11. 4
  12. colour as the only clue
  13. shows the real fonts
  14. a clear next step
  15. True
  16. good design
  17. menu icon
  18. the back button
  19. whether users get lost
  20. 6
  21. 1
  22. a tab bar
  23. open the menu
  24. so each step is clear
  25. easy to read
  26. 0
  27. pick a dish
  28. Design B
  29. the font size
  30. True
  31. 1
  32. that tab’s main screen
  33. open the camera screen
  34. read a question
  35. a named box for a value
  36. the theme colours
  37. see the home screen
  38. UX
  39. 3
  40. Start

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