← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 994 · 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 on the phone? (a) photos on two devices (b) a shared to-do list (c) the sound on/off setting (d) a class leaderboard
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Shop
    Design B: Home → Menu → Search → Shop → Cart
  3. 3.Which of these is true of the back button? (a) hides extra links (b) switches main sections (c) undoes one move (d) sits at the bottom
  4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Map”
    3. tap the Home tab
    4. tap the Home tab
    Which screen are you on now?
    (a) Home (b) Search (c) Map (d) Badges
  5. 5.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
  6. 6.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) make a password (b) open the app
  7. 7.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) hides extra links (d) shows 3 to 5 icons
  8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 68 px tall
    Help button: 24 px tall
    Back button: 52 px tall
    (a) Help (b) Back (c) Next
  9. 9.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  10. 10.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 21 px
    Menu: 14 px
    Title: 12 px
    Body text: 20 px
    Label: 19 px
  11. 11.Which of these is about UX (the experience)? (a) the theme colours (b) the screen layout (c) whether users get lost (d) the button colours
  12. 12.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) post the photo (c) take the photo (d) add a filter
  13. 13.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  14. 14.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) see the final score (c) read a question (d) tap “Start quiz”
  15. 15.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  16. 16.True or false: the icon shapes is about UX (the experience). (a) False (b) True
  17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Item → Address → Pay → Pens → Cart
    Design B: Home → Results → Pens → Confirm → Cart → Menu
  18. 18.Which of these fits saving on the phone? (a) photos on two devices (b) a draft you are typing (c) chat messages to friends (d) a shared to-do list
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 48 px tall
    Send button: 60 px tall
    Help button: 40 px tall
    (a) Send (b) Cancel (c) Help
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Cart → Size → Shop
    Design B: Home → Shop → Search → Menu → Offers → Pay
  21. 21.🔘 Our rule: buttons are at least 48 px tall. The Done button is 24 px tall. How many px taller must it be?
  22. 22.Which of these is true of a wireframe? (a) uses the final pictures (b) uses plain grey boxes (c) shows the real fonts (d) looks like the real app
  23. 23.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) shows where things go (d) uses plain grey boxes
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Shop → Cart
    Design B: Home → Pay → Pens → Shop → Search
  25. 25.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) the icon shapes (d) how easy sign-up is
  26. 26.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) so each step is clear (d) to skip testing
  27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Map”
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  28. 28.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  29. 29.Which colour pair is hard to read? (a) white on dark green (b) dark blue on white (c) black on pale grey (d) pale pink on white
  30. 30.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
  31. 31.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) post the photo (c) open the camera screen (d) write a caption
  32. 32.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 10 px
    Hint: 24 px
    Body text: 26 px
    Title: 21 px
    Footer: 28 px
    (a) Body text (b) Hint (c) Title (d) Menu
  33. 33.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
  34. 34.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  35. 35.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) how users feel after (d) the screen layout
  36. 36.Which of these fits saving on the phone? (a) a shared to-do list (b) chat messages to friends (c) your last game level (d) photos on two devices
  37. 37.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “open the app”? (a) tap “Sign up” (b) open the app
  38. 38.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ top bar ]
    [ title text ]
    [ filter buttons ]
    (a) filter buttons (b) title text (c) top bar
  39. 39.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  40. 40.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Sports", "Art"];
    show(notes[2]);
    (a) Sports (b) Art (c) Maths

Answer key

  1. the sound on/off setting
  2. 4
  3. undoes one move
  4. Home
  5. True
  6. open the app
  7. shows 3 to 5 icons
  8. Help
  9. a wireframe
  10. 2
  11. whether users get lost
  12. take the photo
  13. No
  14. see the final score
  15. a wireframe
  16. False
  17. 1
  18. a draft you are typing
  19. Help
  20. 4
  21. 24
  22. uses plain grey boxes
  23. shows the real fonts
  24. 1
  25. the icon shapes
  26. so each step is clear
  27. 0
  28. makes it harder
  29. pale pink on white
  30. on the phone
  31. post the photo
  32. Menu
  33. helps everyone
  34. poor design
  35. how users feel after
  36. your last game level
  37. open the app
  38. top bar
  39. False
  40. Art

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