← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 796 · 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.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ top bar ]
    [ Add button ]
    (a) menu icon (b) big picture (c) filter buttons (d) Add button
  2. 2.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) see if it is right (d) read a question
  3. 3.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
  4. 4.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
  5. 5.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) type name and email (b) tap “Sign up”
  6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ big picture ]
    (a) list of items (b) search box (c) big picture (d) title text
  7. 7.♿ Why add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to slow them down (d) to add colour
  8. 8.💾 Saving data in the cloud lets you ___. (a) never need a password (b) use it on any device (c) skip the internet (d) shrink the app
  9. 9.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
  10. 10.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  11. 11.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. open “Help page”
    3. open “Edit photo”
    4. tap the Home tab
    Which screen are you on now?
    (a) Home (b) Edit photo (c) Help page (d) Video
  13. 13.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) add a filter (c) take the photo (d) write a caption
  14. 14.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
  15. 15.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
  16. 16.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
  17. 17.Which of these fits saving on the phone? (a) your last game level (b) a class leaderboard (c) a shared to-do list (d) photos on two devices
  18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Results
    Design B: Home → Offers → Pay → Cart → Menu
  19. 19.🔢 In a food-order flow, which comes first: “open the menu” or “pay for the order”? (a) open the menu (b) pay for the order
  20. 20.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) the font size (d) how many taps it takes
  21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Badges”
    3. tap Back
    4. tap the Home tab
    Which screen are you on now?
    (a) Search (b) Home (c) Badges (d) Friend list
  22. 22.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  23. 23.💾 What number does this code show?
    let coins = 9;
    coins = coins - 8;
    coins = coins + 1;
    show(coins);
  24. 24.True or false: space between buttons is good button design. (a) False (b) True
  25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap the Search tab
    3. open “Video”
    4. open “Match report”
    5. tap Back
    Which screen are you on now?
    (a) Match report (b) Home (c) Friend list (d) Video
  26. 26.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  27. 27.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) track the order (c) check the cart (d) pick a dish
  28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ title text ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    (a) menu icon (b) tab bar (c) list of items (d) title text
  29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Kites", "Stars", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Kites (c) Stars (d) Sunrise
  30. 30.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 19 px
    Caption: 20 px
    Footer: 11 px
    (a) Caption (b) Title (c) Footer
  31. 31.True or false: icons with no meaning is good button design. (a) True (b) False
  32. 32.Which of these makes the app harder to use? (a) captions on videos (b) text that can grow (c) labels on every icon (d) fast-flashing lights
  33. 33.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
  34. 34.♿ What does a screen reader do? (a) plays music (b) reads the screen aloud (c) takes photos (d) makes text tiny
  35. 35.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Hindi", "Maths"];
    show(notes[1]);
    (a) Art (b) Hindi (c) Maths
  36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Cart → Pens → Offers → Address → Shop
    Design B: Home → Pay → Cart
  37. 37.Which of these is true of a wireframe? (a) looks like the real app (b) has no real colours (c) has the real colours (d) uses the final pictures
  38. 38.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) see the final score (d) read a question
  39. 39.True or false: a final design uses plain grey boxes. (a) True (b) False
  40. 40.Which colour pair is easy to read? (a) red on green (b) yellow on white (c) white on black (d) pale pink on white

Answer key

  1. Add button
  2. read a question
  3. False
  4. 20
  5. tap “Sign up”
  6. big picture
  7. so anyone can follow
  8. use it on any device
  9. 16
  10. good design
  11. No
  12. Home
  13. open the camera screen
  14. in the cloud
  15. the path through screens
  16. easy to read
  17. your last game level
  18. 4
  19. open the menu
  20. how many taps it takes
  21. Home
  22. a wireframe
  23. 2
  24. True
  25. Video
  26. easy to read
  27. track the order
  28. menu icon
  29. Stars
  30. Footer
  31. False
  32. fast-flashing lights
  33. 24
  34. reads the screen aloud
  35. Hindi
  36. 4
  37. has no real colours
  38. see the final score
  39. False
  40. white on black

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