← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 825 · 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 fits saving in the cloud? (a) photos on two devices (b) your last game level (c) a draft you are typing (d) notes to read offline
  2. 2.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) is a quick sketch (d) uses the final pictures
  3. 3.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) write a caption (c) take the photo (d) open the camera screen
  4. 4.Which of these is about UI (the look)? (a) how users feel after (b) how many taps it takes (c) the theme colours (d) how easy sign-up is
  5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Me tab
    3. open “Score card”
    Which screen are you on now?
    (a) Score card (b) Friend list (c) Lessons (d) Quiz
  6. 6.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
  7. 7.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) a type of password (d) the finished app
  8. 8.True or false: the button colours is about UI (the look). (a) True (b) False
  9. 9.True or false: a final design shows where things go. (a) True (b) False
  10. 10.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
  11. 11.True or false: how fast a task is done is about UI (the look). (a) True (b) False
  12. 12.♿ A screen has 12 icon buttons. Only 10 of them have a text label for screen readers. How many still need a label?
  13. 13.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
  14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. open “Badges”
    3. tap the Home tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.True or false: a tiny 20 px button is poor button design. (a) False (b) True
  16. 16.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme
  17. 17.🔍 Which is the odd one out? (a) the theme colours (b) how users feel after (c) how fast a task is done (d) how many taps it takes
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Offers
    Design B: Home → Size → Item → Confirm → Shop → Address
    (a) Design B (b) Design A
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Badges”
    3. open “Friend list”
    4. tap the Home tab
    Which screen are you on now?
    (a) Home (b) Search (c) Friend list (d) Badges
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Chat tab
    3. open “Score card”
    4. tap the Feed tab
    5. open “Map”
    Which screen are you on now?
    (a) Chat (b) Feed (c) Score card (d) Map
  21. 21.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
  22. 22.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Offers → Cart
    Design B: Home → Cart → Pay → Pens → Menu → Address
  24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 60 px tall
    Next button: 48 px tall
    Start button: 36 px tall
  25. 25.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) home screen (d) dead end
  26. 26.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ list of items ]
    [ filter buttons ]
    [ search box ]
    [ tab bar ]
  27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Item → Size
    Design B: Home → Confirm → Address → Item → Cart → Results
    (a) Design A (b) Design B
  28. 28.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 14 px
    Body text: 10 px
    Caption: 20 px
    Title: 21 px
  29. 29.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) post the photo (c) write a caption (d) take the photo
  30. 30.Which of these makes the app harder to use? (a) big touch targets (b) strong colour contrast (c) tiny tap areas (d) text that can grow
  31. 31.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) a picture goes here (d) delete this
  32. 32.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) take the photo (b) post the photo
  33. 33.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) the app is closed (c) you send a message (d) the screen turns off
  34. 34.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ big picture ]
    [ Save button ]
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ title text ]
    (a) menu icon (b) big picture (c) top bar (d) list of items
  35. 35.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  36. 36.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  37. 37.🔍 Which is the odd one out? (a) fast-flashing lights (b) text that can grow (c) icons with no labels (d) sudden loud sounds
  38. 38.Which of these is true of the back button? (a) opens a list of pages (b) goes to the last screen (c) sits at the bottom (d) hides extra links
  39. 39.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) post the photo (b) write a caption (c) take the photo (d) add a filter
  40. 40.🔢 In a photo-post flow, which comes first: “take the photo” or “write a caption”? (a) take the photo (b) write a caption

Answer key

  1. photos on two devices
  2. uses the final pictures
  3. open the camera screen
  4. the theme colours
  5. Score card
  6. goes to the last screen
  7. a simple screen sketch
  8. True
  9. False
  10. poor design
  11. False
  12. 2
  13. makes it harder
  14. 1
  15. True
  16. the path through screens
  17. the theme colours
  18. Design A
  19. Home
  20. Map
  21. False
  22. in the cloud
  23. 2
  24. 2
  25. dead end
  26. 5
  27. Design A
  28. 2
  29. write a caption
  30. tiny tap areas
  31. a picture goes here
  32. take the photo
  33. the phone is lost
  34. top bar
  35. a final design
  36. on the phone
  37. text that can grow
  38. goes to the last screen
  39. take the photo
  40. take the photo

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