← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 263 · 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 Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Quiz tab
    3. tap the Me tab
    4. open “Video”
    Which screen are you on now?
    (a) Video (b) Quiz (c) Me (d) Lessons
  2. 2.🔍 Which is the odd one out? (a) the screen layout (b) the theme colours (c) how easy sign-up is (d) the font size
  3. 3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 11 px
    Title: 22 px
    Hint: 25 px
    (a) Hint (b) Title (c) Caption
  4. 4.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) how many taps it takes (d) the button colours
  5. 5.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ menu icon ]
    [ big picture ]
    [ filter buttons ]
    [ Add button ]
    [ title text ]
    (a) menu icon (b) search box (c) Add button (d) filter buttons
  6. 6.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  7. 7.Which colour pair is easy to read? (a) black on pale grey (b) light grey on white (c) red on green (d) dark blue on black
  8. 8.True or false: space between buttons is poor button design. (a) False (b) True
  9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ big picture ]
    [ list of items ]
    [ tab bar ]
    (a) list of items (b) tab bar (c) big picture (d) filter buttons
  10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Score card”
    3. tap Back
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
  12. 12.💾 What number does this code show?
    let stars = 9;
    stars = stars - 4;
    stars = stars + 4;
    show(stars);
  13. 13.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 56 px tall
    Send button: 32 px tall
    Done button: 44 px tall
  15. 15.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) read a question (b) pick an answer
  16. 16.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a random page (d) a clear next step
  17. 17.Which of these is about UX (the experience)? (a) how fast a task is done (b) the theme colours (c) the icon shapes (d) the font size
  18. 18.✏️ What is a wireframe? (a) a type of password (b) the finished app (c) a charging cable (d) a simple screen sketch
  19. 19.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. tap the Quiz tab
    Which screen are you on now?
    (a) Map (b) Me (c) Lessons (d) Quiz
  21. 21.Which of these is true of the back button? (a) sits at the bottom (b) shows 3 to 5 icons (c) switches main sections (d) undoes one move
  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.True or false: a wireframe shows the real fonts. (a) False (b) True
  24. 24.Which of these makes the app harder to use? (a) captions on videos (b) text that can grow (c) labels on every icon (d) sudden loud sounds
  25. 25.Which colour pair is easy to read? (a) black on yellow (b) dark blue on black (c) yellow on white (d) light grey on white
  26. 26.Which of these fits saving on the phone? (a) a shared to-do list (b) chat messages to friends (c) a class leaderboard (d) notes to read offline
  27. 27.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ filter buttons ]
    [ search box ]
    [ tab bar ]
    [ Add button ]
    [ big picture ]
    (a) filter buttons (b) tab bar (c) big picture (d) title text
  28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. open “Badges”
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  29. 29.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  30. 30.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) take the photo (b) post the photo
  31. 31.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 26 px
    Menu: 19 px
    Title: 14 px
    (a) Menu (b) Title (c) Footer
  32. 32.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  33. 33.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) at the bottom (d) nowhere
  34. 34.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) the icon shapes (d) whether users get lost
  35. 35.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) the screen layout (d) whether users get lost
  36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    Which screen are you on now?
    (a) Home (b) Help page (c) Search (d) Match report
  37. 37.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) the path through screens (d) a type of font
  38. 38.Which colour pair is hard to read? (a) white on black (b) red on green (c) black on yellow (d) black on pale grey
  39. 39.Which of these helps everyone use the app? (a) labels on every icon (b) tiny tap areas (c) colour as the only clue (d) sudden loud sounds
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. tap the Home tab
    4. open “Match report”
    5. tap the Home tab
    Which screen are you on now?
    (a) Match report (b) Home (c) Score card (d) Search

Answer key

  1. Video
  2. how easy sign-up is
  3. Caption
  4. the button colours
  5. menu icon
  6. a final design
  7. black on pale grey
  8. False
  9. tab bar
  10. 2
  11. poor design
  12. 9
  13. good design
  14. 1
  15. read a question
  16. a clear next step
  17. how fast a task is done
  18. a simple screen sketch
  19. a wireframe
  20. Quiz
  21. undoes one move
  22. in the cloud
  23. False
  24. sudden loud sounds
  25. black on yellow
  26. notes to read offline
  27. big picture
  28. 3
  29. No
  30. take the photo
  31. Title
  32. False
  33. at the bottom
  34. the icon shapes
  35. whether users get lost
  36. Help page
  37. the path through screens
  38. red on green
  39. labels on every icon
  40. Home

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