← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 321 · 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.True or false: notes to read offline fits saving on the phone. (a) True (b) False
  2. 2.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
  3. 3.Which of these is true of a wireframe? (a) is a quick sketch (b) uses the final pictures (c) shows the real fonts (d) has the real colours
  4. 4.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  5. 5.💾 Which can hold many values in order? (a) a list (b) a single number (c) a button (d) a switch
  6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 52 px tall
    Back button: 56 px tall
    Done button: 48 px tall
  7. 7.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 56 px tall
    Cancel button: 48 px tall
    Save button: 24 px tall
    (a) Save (b) Cancel (c) Help
  9. 9.Which of these is true of a final design? (a) uses the final pictures (b) has no real colours (c) uses plain grey boxes (d) shows where things go
  10. 10.Which of these helps everyone use the app? (a) tiny tap areas (b) fast-flashing lights (c) icons with no labels (d) text that can grow
  11. 11.🔢 In a sign-up flow, which comes first: “see the home screen” or “tap “Sign up””? (a) tap “Sign up” (b) see the home screen
  12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Home tab
    Which screen are you on now?
    (a) Search (b) Friend list (c) Home (d) Profile
  13. 13.💾 What number does this code show?
    let points = 6;
    points = points - 3;
    points = points + 1;
    show(points);
  14. 14.💾 What number does this code show?
    let stars = 3;
    stars = stars - 1;
    stars = stars + 1;
    show(stars);
  15. 15.🔍 Which is the odd one out? (a) labels on every icon (b) strong colour contrast (c) sudden loud sounds (d) text that can grow
  16. 16.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) open the app (c) tap “Sign up” (d) make a password
  17. 17.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
  18. 18.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Art", "Science", "Music", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Art (b) Maths (c) Music (d) Science
  19. 19.Which of these fits saving in the cloud? (a) the sound on/off setting (b) chat messages to friends (c) your last game level (d) a draft you are typing
  20. 20.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
  21. 21.True or false: whether users get lost is about UI (the look). (a) True (b) False
  22. 22.Which of these is true of a wireframe? (a) has the real colours (b) has no real colours (c) looks like the real app (d) uses the final pictures
  23. 23.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) delete this (d) a closed app
  24. 24.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
  25. 25.💾 What number does this code show?
    let stars = 4;
    stars = stars - 4;
    stars = stars + 1;
    show(stars);
  26. 26.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
  27. 27.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) big touch targets (d) sudden loud sounds
  28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ top bar ]
    [ tab bar ]
    [ search box ]
    [ title text ]
    (a) title text (b) filter buttons (c) top bar (d) search box
  29. 29.True or false: a final design looks like the real app. (a) True (b) False
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  31. 31.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
  32. 32.💾 pop() takes off the last item. What does this code show?
    let notes = ["Music", "Sports", "Maths", "Hindi", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Music (c) Maths (d) Sports
  33. 33.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) a random page (c) that tab’s main screen (d) the last app used
  34. 34.True or false: a big, easy tap area is good button design. (a) True (b) False
  35. 35.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  36. 36.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) never need a password (c) skip the internet (d) use it on any device
  37. 37.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 72 px tall
    Start button: 64 px tall
    Send button: 28 px tall
    (a) Start (b) Send (c) Save
  38. 38.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
  39. 39.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
  40. 40.🔍 Which is the odd one out? (a) how easy sign-up is (b) the theme colours (c) whether users get lost (d) how many taps it takes

Answer key

  1. True
  2. a tab bar
  3. is a quick sketch
  4. poor design
  5. a list
  6. 3
  7. 1
  8. Save
  9. uses the final pictures
  10. text that can grow
  11. tap “Sign up”
  12. Home
  13. 4
  14. 3
  15. sudden loud sounds
  16. open the app
  17. experience
  18. Music
  19. chat messages to friends
  20. open the app
  21. False
  22. has no real colours
  23. a picture goes here
  24. a menu button
  25. 1
  26. 3 to 5
  27. big touch targets
  28. title text
  29. True
  30. 20
  31. UX
  32. Hindi
  33. that tab’s main screen
  34. True
  35. False
  36. use it on any device
  37. Send
  38. poor design
  39. tap “Sign up”
  40. the theme colours

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