← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 679 · 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 can hold many values in order? (a) a list (b) a single number (c) a button (d) a switch
  2. 2.True or false: a final design uses plain grey boxes. (a) True (b) False
  3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Settings tab
    3. open “Edit photo”
    4. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.♿ A screen has 11 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
  5. 5.True or false: buttons almost touching is poor button design. (a) False (b) True
  6. 6.Which of these is true of a final design? (a) uses the final pictures (b) shows where things go (c) uses plain grey boxes (d) has no real colours
  7. 7.Which of these helps everyone use the app? (a) captions on videos (b) colour as the only clue (c) sudden loud sounds (d) icons with no labels
  8. 8.True or false: the font size is about UI (the look). (a) True (b) False
  9. 9.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Science", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Music (b) Science (c) Maths
  10. 10.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 21 px
    Hint: 22 px
    Footer: 13 px
  12. 12.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 10 (d) 0
  13. 13.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ filter buttons ]
    [ title text ]
    [ tab bar ]
    [ menu icon ]
    [ list of items ]
    (a) title text (b) tab bar (c) filter buttons (d) list of items
  14. 14.💾 What number does this code show?
    let songs = ["Rain", "Ocean", "Sunrise"];
    songs.push("Kites");
    show(songs.length);
  15. 15.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  16. 16.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
  17. 17.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) to skip testing (d) so each step is clear
  18. 18.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) that tab’s main screen (d) a random page
  19. 19.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) read a question (c) pick an answer (d) tap “Start quiz”
  20. 20.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ menu icon ]
    [ filter buttons ]
    [ search box ]
    [ top bar ]
    (a) menu icon (b) filter buttons (c) search box
  21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 27 px
    Title: 24 px
    Menu: 18 px
    Footer: 10 px
    Caption: 18 px
    (a) Body text (b) Menu (c) Footer (d) Title
  22. 22.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) the path through screens (d) a type of font
  23. 23.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Sunrise", "Stars"];
    show(songs[1]);
    (a) Stars (b) Rain (c) Sunrise
  24. 24.Which colour pair is easy to read? (a) light grey on white (b) pale pink on white (c) yellow on white (d) black on pale grey
  25. 25.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Hindi"];
    show(notes[0]);
    (a) Maths (b) Hindi (c) Sports
  26. 26.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
  27. 27.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) the sound on/off setting (d) a shared to-do list
  28. 28.Which of these helps everyone use the app? (a) strong colour contrast (b) tiny tap areas (c) colour as the only clue (d) sudden loud sounds
  29. 29.🔢 In a food-order flow, which comes first: “check the cart” or “track the order”? (a) track the order (b) check the cart
  30. 30.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) see if it is right (b) tap “Start quiz”
  31. 31.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Stars", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Monsoon (b) Stars (c) Rain
  32. 32.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
  33. 33.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) shows where things go (d) shows the real fonts
  34. 34.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) chat messages to friends (d) the sound on/off setting
  35. 35.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  36. 36.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see if it is right”? (a) pick an answer (b) see if it is right
  37. 37.💾 What is a variable? (a) a named box for a value (b) a type of screen (c) a picture (d) a phone setting
  38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Confirm
    Design B: Home → Pay → Address → Shop
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Map”
    3. tap the Search tab
    4. open “Match report”
    Which screen are you on now?
    (a) Home (b) Match report (c) Search (d) Map
  40. 40.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) open the camera screen (b) take the photo

Answer key

  1. a list
  2. False
  3. 0
  4. 3
  5. True
  6. uses the final pictures
  7. captions on videos
  8. True
  9. Science
  10. easy to read
  11. 1
  12. 0
  13. list of items
  14. 4
  15. False
  16. add a filter
  17. so each step is clear
  18. that tab’s main screen
  19. tap “Start quiz”
  20. search box
  21. Footer
  22. the path through screens
  23. Sunrise
  24. black on pale grey
  25. Sports
  26. False
  27. the sound on/off setting
  28. strong colour contrast
  29. check the cart
  30. tap “Start quiz”
  31. Stars
  32. True
  33. shows where things go
  34. chat messages to friends
  35. a wireframe
  36. pick an answer
  37. a named box for a value
  38. 2
  39. Match report
  40. open the camera screen

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