← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 623 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap the Home tab
    3. open “Video”
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 40 px tall
    Start button: 56 px tall
    Help button: 48 px tall     (a) Help (b) Next (c) Start
  3. 3.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
  4. 4.💾 Which works with no internet at all? (a) data saved on the phone (b) a shared chat (c) a cloud backup (d) a cloud leaderboard
  5. 5.♿ Why add captions to videos? (a) so anyone can follow (b) to slow them down (c) to add colour (d) to hide the sound
  6. 6.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) see the final score (d) read a question
  7. 7.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
  8. 8.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ top bar ]
    [ title text ]
    [ Save button ]
    [ tab bar ]
    [ filter buttons ]
    [ Add button ]     (a) top bar (b) tab bar (c) Add button (d) Save button
  9. 9.True or false: a final design is a quick sketch. (a) False (b) True
  10. 10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Friend list”
    4. tap the Search tab
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ search box ]
    [ Add button ]
    [ big picture ]
    [ list of items ]     (a) search box (b) list of items (c) big picture (d) Add button
  12. 12.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
  13. 13.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see the final score”? (a) pick an answer (b) see the final score
  14. 14.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  15. 15.Which of these helps everyone use the app? (a) captions on videos (b) fast-flashing lights (c) sudden loud sounds (d) tiny tap areas
  16. 16.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 72 px tall
    Cancel button: 40 px tall
    Next button: 68 px tall     (a) Save (b) Cancel (c) Next
  17. 17.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ Add button ]
    [ top bar ]
    [ search box ]
    [ title text ]
    [ filter buttons ]
  18. 18.Which of these is true of the back button? (a) switches main sections (b) sits at the bottom (c) goes to the last screen (d) opens a list of pages
  19. 19.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) make a password (c) see the home screen (d) enter the code sent
  20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ Add button ]
    [ Save button ]
    [ big picture ]     (a) filter buttons (b) Add button (c) Save button (d) big picture
  21. 21.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  22. 22.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
  23. 23.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Chat tab
    3. tap the Feed tab
    4. tap the Chat tab
    Which screen are you on now?     (a) Chat (b) Settings (c) Feed
  25. 25.Which of these is true of a final design? (a) is a quick sketch (b) has the real colours (c) uses plain grey boxes (d) shows where things go
  26. 26.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Back button: 24 px tall
    Help button: 60 px tall
    Save button: 72 px tall     (a) Send (b) Back (c) Help (d) Save
  28. 28.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. open “Match report”
    Which screen are you on now?     (a) Settings (b) Feed (c) Chat (d) Match report
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Score card”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.True or false: how fast a task is done is about UI (the look). (a) False (b) True
  32. 32.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
  33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 19 px
    Caption: 13 px
    Footer: 26 px
    Title: 23 px
    Menu: 25 px     (a) Hint (b) Title (c) Caption (d) Footer
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Pay → Confirm → Size → Address → Menu
    Design B: Home → Item → Pay → Confirm
  35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 44 px tall
    Start button: 64 px tall
    Send button: 72 px tall
    Back button: 68 px tall     (a) Start (b) Save (c) Send (d) Back
  36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Me tab
    3. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
  37. 37.♿ A screen has 10 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
  38. 38.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. tap the Home tab
    4. open “Badges”
    5. tap Back
    Which screen are you on now?     (a) Home (b) Search (c) Map (d) Badges
  40. 40.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True

Answer key

  1. 2
  2. Next
  3. open the app
  4. data saved on the phone
  5. so anyone can follow
  6. see if it is right
  7. on the phone
  8. Save button
  9. False
  10. 1
  11. search box
  12. write a caption
  13. pick an answer
  14. a final design
  15. captions on videos
  16. Cancel
  17. 6
  18. goes to the last screen
  19. make a password
  20. big picture
  21. 5
  22. so each step is clear
  23. a tab bar
  24. Chat
  25. has the real colours
  26. True
  27. Back
  28. False
  29. Match report
  30. 2
  31. False
  32. poor design
  33. Caption
  34. 6
  35. Save
  36. 0
  37. 4
  38. No
  39. Home
  40. True

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