← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 820 · 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 Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Badges”
    3. tap Back
    Which screen are you on now?
    (a) Badges (b) Map (c) Chat (d) Feed
  2. 2.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a colour theme (d) a charging cable
  3. 3.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) a microphone (d) pencil and paper
  4. 4.🔍 Which is the odd one out? (a) tiny tap areas (b) big touch targets (c) sudden loud sounds (d) icons with no labels
  5. 5.Which of these is about UX (the experience)? (a) the theme colours (b) whether users get lost (c) the icon shapes (d) the font size
  6. 6.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  7. 7.True or false: a tiny 20 px button is good button design. (a) True (b) False
  8. 8.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  9. 9.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  10. 10.💾 What number does this code show?
    let score = 9;
    score = score - 5;
    score = score + 3;
    show(score);
  11. 11.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
  12. 12.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Hindi", "Science", "Music", "Maths"];
    show(notes[0]);
    (a) Music (b) Science (c) Art (d) Hindi
  13. 13.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) the font size (d) whether users get lost
  14. 14.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only the coder (d) only experts
  15. 15.Which of these is true of a tab bar? (a) undoes one move (b) opens a list of pages (c) sits at the bottom (d) goes to the last screen
  16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Chat tab
    3. open “Match report”
    Which screen are you on now?
    (a) Settings (b) Chat (c) Match report (d) Feed
  17. 17.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) add it to the cart (c) open the menu (d) check the cart
  18. 18.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 10 px
    Hint: 12 px
    Body text: 10 px
  19. 19.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) the theme colours (d) the screen layout
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Video”
    3. open “Map”
    Which screen are you on now?
    (a) Map (b) Feed (c) Match report (d) Video
  21. 21.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  22. 22.True or false: how users feel after is about UI (the look). (a) True (b) False
  23. 23.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Edit photo”
    3. open “Score card”
    4. tap Back
    Which screen are you on now?
    (a) Help page (b) Feed (c) Score card (d) Edit photo
  25. 25.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) nowhere (d) at the bottom
  26. 26.Which of these is true of a wireframe? (a) has no real colours (b) shows the real fonts (c) uses the final pictures (d) has the real colours
  27. 27.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
  28. 28.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) a closed app (c) an error (d) delete this
  29. 29.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Friend list”
    3. tap Back
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Search tab
    3. open “Edit photo”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a sound (c) a text label (d) a bright colour
  33. 33.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Sunrise", "Ocean", "Kites", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Stars (b) Sunrise (c) Kites (d) Ocean
  34. 34.Which of these fits saving on the phone? (a) notes to read offline (b) photos on two devices (c) a shared to-do list (d) chat messages to friends
  35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 56 px tall
    Cancel button: 36 px tall
    Start button: 60 px tall
    Save button: 56 px tall
    (a) Save (b) Start (c) Cancel (d) Help
  36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Menu
    Design B: Home → Address → Shop → Pay → Results
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Search → Offers → Pens
    Design B: Home → Results → Cart → Confirm → Offers → Search → Shop
  38. 38.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) chat messages to friends (d) a draft you are typing
  39. 39.Which of these fits saving in the cloud? (a) chat messages to friends (b) the sound on/off setting (c) your last game level (d) notes to read offline
  40. 40.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter

Answer key

  1. Map
  2. the path through screens
  3. pencil and paper
  4. big touch targets
  5. whether users get lost
  6. a wireframe
  7. False
  8. on the phone
  9. poor design
  10. 7
  11. helps everyone
  12. Art
  13. the font size
  14. everyone
  15. sits at the bottom
  16. Match report
  17. open the menu
  18. 3
  19. how easy sign-up is
  20. Map
  21. UI
  22. False
  23. True
  24. Edit photo
  25. at the bottom
  26. has no real colours
  27. makes it harder
  28. a picture goes here
  29. tap “Start quiz”
  30. 1
  31. 0
  32. a text label
  33. Kites
  34. notes to read offline
  35. Cancel
  36. 4
  37. 4
  38. a draft you are typing
  39. chat messages to friends
  40. add a filter

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