← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 901 · 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.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 24 px
    Body text: 23 px
    Menu: 11 px
    (a) Menu (b) Body text (c) Hint
  2. 2.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  3. 3.True or false: space between buttons is poor button design. (a) True (b) False
  4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Results
    Design B: Home → Confirm → Pay → Shop → Item → Menu → Size
    (a) Design B (b) Design A
  5. 5.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) shortcut (c) tab bar (d) dead end
  6. 6.True or false: a class leaderboard fits saving in the cloud. (a) False (b) True
  7. 7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 24 px tall
    Done button: 48 px tall
    Help button: 72 px tall
    Back button: 48 px tall
    (a) Send (b) Help (c) Done (d) Back
  8. 8.🔍 Which is the odd one out? (a) colour as the only clue (b) captions on videos (c) tiny tap areas (d) fast-flashing lights
  9. 9.♿ 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
  10. 10.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the button colours (d) how easy sign-up is
  11. 11.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to add more taps (d) to hide the buttons
  12. 12.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Shop
    Design B: Home → Pay → Offers → Search → Item
    (a) Design A (b) Design B
  13. 13.🔍 Which is the odd one out? (a) the button colours (b) how fast a task is done (c) the screen layout (d) the icon shapes
  14. 14.🔍 Which is the odd one out? (a) strong colour contrast (b) text that can grow (c) captions on videos (d) tiny tap areas
  15. 15.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) the sound on/off setting (d) a shared to-do list
  16. 16.Which of these helps everyone use the app? (a) icons with no labels (b) big touch targets (c) sudden loud sounds (d) tiny tap areas
  17. 17.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
  18. 18.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Save button: 44 px tall
    Start button: 68 px tall
    (a) Start (b) Save (c) Send
  20. 20.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Art", "Science", "Music", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Music (c) Art (d) Science
  21. 21.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) opens a list of pages (d) switches main sections
  22. 22.Which colour pair is easy to read? (a) yellow on white (b) dark blue on white (c) light grey on white (d) dark blue on black
  23. 23.💾 What number does this code show?
    let friends = ["Zoya", "Riya", "Kabir", "Arjun"];
    friends.push("Aman");
    show(friends.length);
  24. 24.True or false: whether users get lost is about UI (the look). (a) False (b) True
  25. 25.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results → Menu
    Design B: Home → Pay → Pens → Cart → Search → Offers → Item
    (a) Design B (b) Design A
  26. 26.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
  27. 27.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) plays music (d) makes text tiny
  28. 28.♿ A screen has 8 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  29. 29.True or false: a wireframe shows the real fonts. (a) False (b) True
  30. 30.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
  31. 31.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
  32. 32.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
  33. 33.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a tab bar (c) a menu button
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Item → Offers → Confirm → Pay → Menu
    Design B: Home → Menu → Address → Search
  35. 35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 19 px
    Caption: 10 px
    Footer: 12 px
  36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Offers → Cart → Menu → Address
    Design B: Home → Search → Size → Pay → Results
    (a) Design B (b) Design A
  37. 37.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Hindi (c) Science
  38. 38.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) looks like the real app (d) has the real colours
  39. 39.Which colour pair is hard to read? (a) black on pale grey (b) red on green (c) dark blue on white (d) white on dark green
  40. 40.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX

Answer key

  1. Menu
  2. hard to read
  3. False
  4. Design A
  5. dead end
  6. True
  7. Send
  8. captions on videos
  9. a text label
  10. how easy sign-up is
  11. so each step is clear
  12. Design A
  13. how fast a task is done
  14. tiny tap areas
  15. the sound on/off setting
  16. big touch targets
  17. in the cloud
  18. UX
  19. Save
  20. Music
  21. switches main sections
  22. dark blue on white
  23. 5
  24. False
  25. Design A
  26. changes are quick
  27. reads the screen aloud
  28. 4
  29. False
  30. easy to read
  31. True
  32. makes it harder
  33. the back button
  34. 3
  35. 2
  36. Design B
  37. Science
  38. has no real colours
  39. red on green
  40. UI

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