← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 776 · 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.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  2. 2.True or false: a final design uses plain grey boxes. (a) True (b) False
  3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Confirm
    Design B: Home → Menu → Size → Results → Pens
    (a) Design B (b) Design A
  4. 4.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  5. 5.🔢 In a food-order flow, which comes first: “check the cart” or “open the menu”? (a) open the menu (b) check the cart
  6. 6.Which of these fits saving on the phone? (a) a class leaderboard (b) notes to read offline (c) photos on two devices (d) a shared to-do list
  7. 7.🔍 Which is the odd one out? (a) the button colours (b) how users feel after (c) how many taps it takes (d) how easy sign-up is
  8. 8.Which of these is true of a tab bar? (a) undoes one move (b) shows 3 to 5 icons (c) opens a list of pages (d) goes to the last screen
  9. 9.🔍 Which is the odd one out? (a) the button colours (b) how users feel after (c) the screen layout (d) the icon shapes
  10. 10.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  11. 11.🔢 In a quiz-app flow, which comes first: “see the final score” or “pick an answer”? (a) pick an answer (b) see the final score
  12. 12.🔢 In a photo-post flow, which comes first: “take the photo” or “add a filter”? (a) take the photo (b) add a filter
  13. 13.Which of these fits saving in the cloud? (a) chat messages to friends (b) notes to read offline (c) the sound on/off setting (d) a draft you are typing
  14. 14.True or false: how easy sign-up is is about UX (the experience). (a) False (b) True
  15. 15.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) the icon shapes (d) whether users get lost
  16. 16.True or false: a wireframe looks like the real app. (a) False (b) True
  17. 17.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a picture goes here (d) a closed app
  18. 18.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) strong colour contrast (d) colour as the only clue
  19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Search
    Design B: Home → Offers → Pens → Menu
  20. 20.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) uses plain grey boxes (d) looks like the real app
  21. 21.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Address → Pens
    Design B: Home → Results → Shop → Offers → Pens
  23. 23.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ search box ]
    [ big picture ]
    [ list of items ]
    [ tab bar ]
    [ Save button ]
    (a) big picture (b) tab bar (c) list of items (d) search box
  24. 24.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  25. 25.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) at the bottom (d) in the middle
  26. 26.Which of these is true of a wireframe? (a) has no real colours (b) uses the final pictures (c) shows the real fonts (d) looks like the real app
  27. 27.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  28. 28.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  29. 29.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
  30. 30.Which colour pair is hard to read? (a) black on pale grey (b) dark blue on white (c) white on dark green (d) red on green
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Map”
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it runs the app (d) it saves data
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap Back
    4. tap Back
    5. open “Friend list”
    Which screen are you on now?
    (a) Help page (b) Feed (c) Friend list (d) Chat
  34. 34.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
  35. 35.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
  36. 36.True or false: icons with no meaning is poor button design. (a) False (b) True
  37. 37.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
  38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ menu icon ]
    [ filter buttons ]
    [ search box ]
  39. 39.🔢 In a quiz-app flow, which comes first: “pick an answer” or “tap “Start quiz””? (a) pick an answer (b) tap “Start quiz”
  40. 40.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Pay → Address → Results → Menu → Confirm
    Design B: Home → Pens → Search → Address
    (a) Design B (b) Design A

Answer key

  1. good design
  2. False
  3. Design A
  4. in the cloud
  5. open the menu
  6. notes to read offline
  7. the button colours
  8. shows 3 to 5 icons
  9. how users feel after
  10. a wireframe
  11. pick an answer
  12. take the photo
  13. chat messages to friends
  14. True
  15. whether users get lost
  16. False
  17. a picture goes here
  18. colour as the only clue
  19. 3
  20. uses plain grey boxes
  21. a wireframe
  22. 1
  23. search box
  24. True
  25. at the bottom
  26. has no real colours
  27. a final design
  28. a final design
  29. so anyone can follow
  30. red on green
  31. 2
  32. changes are quick
  33. Friend list
  34. on the phone
  35. a tab bar
  36. True
  37. easy to read
  38. 4
  39. tap “Start quiz”
  40. Design B

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