← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 26 · 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 is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) shows the real fonts (d) uses plain grey boxes
  2. 2.Which of these is true of a tab bar? (a) hides extra links (b) goes to the last screen (c) opens a list of pages (d) shows 3 to 5 icons
  3. 3.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ list of items ]
    [ Save button ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    (a) filter buttons (b) Save button (c) list of items (d) tab bar
  4. 4.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a random page (d) a dead end
  5. 5.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Badges”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  6. 6.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
  7. 7.🔍 Which is the odd one out? (a) the icon shapes (b) how users feel after (c) the font size (d) the theme colours
  8. 8.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
  9. 9.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  10. 10.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the screen layout (d) how many taps it takes
  11. 11.Which of these is about UI (the look)? (a) how users feel after (b) whether users get lost (c) how easy sign-up is (d) the icon shapes
  12. 12.True or false: the icon shapes is about UI (the look). (a) False (b) True
  13. 13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap Back
    3. open “Badges”
    4. tap Back
    Which screen are you on now?
    (a) Quiz (b) Help page (c) Badges (d) Lessons
  14. 14.🔍 Which is the odd one out? (a) colour as the only clue (b) big touch targets (c) sudden loud sounds (d) tiny tap areas
  15. 15.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) how users feel after (d) the button colours
  16. 16.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
  17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Match report”
    3. open “Video”
    4. tap Back
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.Which of these fits saving on the phone? (a) a class leaderboard (b) a draft you are typing (c) chat messages to friends (d) a shared to-do list
  19. 19.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  20. 20.Which of these makes the app harder to use? (a) labels on every icon (b) sudden loud sounds (c) captions on videos (d) big touch targets
  21. 21.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) type name and email (b) tap “Sign up” (c) open the app (d) see the home screen
  22. 22.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) the app icon (d) nobody
  23. 23.💾 What number does this code show?
    let score = 5;
    score = score - 4;
    score = score + 5;
    show(score);
  24. 24.True or false: icons with no meaning is poor button design. (a) True (b) False
  25. 25.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) the screen layout (d) whether users get lost
  26. 26.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
  27. 27.True or false: a wireframe has no real colours. (a) False (b) True
  28. 28.True or false: “colour as the only clue” helps everyone use the app. (a) False (b) True
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Search tab
    3. tap the Search tab
    4. open “Badges”
    Which screen are you on now?
    (a) Badges (b) Home (c) Profile (d) Search
  30. 30.True or false: space between buttons is good button design. (a) False (b) True
  31. 31.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  32. 32.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) in the middle (d) at the bottom
  33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 11 px
    Title: 22 px
    Body text: 15 px
    Hint: 10 px
    Menu: 13 px
  34. 34.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  35. 35.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a 3D printer (d) a microphone
  36. 36.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 11 px
    Hint: 20 px
    Caption: 28 px
    Title: 26 px
    (a) Hint (b) Body text (c) Title (d) Caption
  38. 38.Which of these makes the app harder to use? (a) icons with no labels (b) labels on every icon (c) big touch targets (d) captions on videos
  39. 39.💾 pop() takes off the last item. What does this code show?
    let notes = ["Music", "Sports", "Maths", "Hindi", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Maths (b) Music (c) Hindi (d) Sports
  40. 40.True or false: a tiny 20 px button is poor button design. (a) False (b) True

Answer key

  1. uses plain grey boxes
  2. shows 3 to 5 icons
  3. filter buttons
  4. a clear next step
  5. 0
  6. experience
  7. how users feel after
  8. that tab’s main screen
  9. No
  10. how many taps it takes
  11. the icon shapes
  12. True
  13. Lessons
  14. big touch targets
  15. the button colours
  16. a menu button
  17. 0
  18. a draft you are typing
  19. poor design
  20. sudden loud sounds
  21. see the home screen
  22. real users
  23. 6
  24. True
  25. whether users get lost
  26. makes it harder
  27. True
  28. False
  29. Badges
  30. True
  31. 3
  32. at the bottom
  33. 4
  34. a wireframe
  35. pencil and paper
  36. a wireframe
  37. Body text
  38. icons with no labels
  39. Hindi
  40. True

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