← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 849 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Confirm → Shop → Item → Menu → Address
    Design B: Home → Size → Shop → Pens → Item
    (a) Design A (b) Design B
  2. 2.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) take the photo (c) add a filter (d) post the photo
  3. 3.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) a type of font (d) the path through screens
  4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. open “Video”
    4. open “Friend list”
    Which screen are you on now?
    (a) Friend list (b) Score card (c) Video (d) Home
  5. 5.🔢 In a food-order flow, which comes first: “open the menu” or “track the order”? (a) open the menu (b) track the order
  6. 6.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
  7. 7.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) at the bottom (d) in the middle
  8. 8.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) dead end (d) home screen
  9. 9.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  10. 10.💾 Which can hold many values in order? (a) a single number (b) a list (c) a switch (d) a button
  11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Friend list (b) Me (c) Quiz (d) Lessons
  12. 12.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
  13. 13.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
  14. 14.🔍 Which is the odd one out? (a) how users feel after (b) how easy sign-up is (c) the font size (d) how fast a task is done
  15. 15.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) write a caption (b) take the photo
  16. 16.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Confirm → Search → Address
    Design B: Home → Size → Pay → Address
  18. 18.Which colour pair is easy to read? (a) black on pale grey (b) dark blue on black (c) light grey on white (d) red on green
  19. 19.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Cart
    Design B: Home → Search → Offers → Cart → Confirm → Size
    (a) Design A (b) Design B
  20. 20.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  21. 21.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
  22. 22.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
  23. 23.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
  24. 24.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Ocean", "Rain", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Ocean (b) Rain (c) Monsoon (d) Sunrise
  25. 25.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  26. 26.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  27. 27.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
  28. 28.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ top bar ]
    [ title text ]
    [ Save button ]
  29. 29.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
  30. 30.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) make a password
  31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 72 px tall
    Start button: 40 px tall
    Cancel button: 52 px tall
    (a) Save (b) Start (c) Cancel
  32. 32.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ filter buttons ]
    [ big picture ]
    [ Add button ]
    [ menu icon ]
    [ title text ]
  34. 34.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Monsoon", "Sunrise", "Ocean", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Ocean (b) Sunrise (c) Monsoon (d) Kites
  35. 35.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) see the final score (c) read a question (d) see if it is right
  36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Maths", "Hindi", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Art (b) Hindi (c) Maths (d) Music
  37. 37.💾 pop() takes off the last item. What does this code show?
    let songs = ["Ocean", "Stars", "Kites", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Sunrise (b) Ocean (c) Kites (d) Stars
  38. 38.Which of these makes the app harder to use? (a) strong colour contrast (b) fast-flashing lights (c) labels on every icon (d) big touch targets
  39. 39.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ filter buttons ]
    [ top bar ]
    [ search box ]
    [ Add button ]
    [ menu icon ]
    (a) filter buttons (b) search box (c) top bar (d) Add button
  40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Shop → Size → Offers → Results → Confirm
    Design B: Home → Menu → Pay

Answer key

  1. Design B
  2. open the camera screen
  3. the path through screens
  4. Friend list
  5. open the menu
  6. True
  7. at the bottom
  8. dead end
  9. a wireframe
  10. a list
  11. Lessons
  12. on the phone
  13. so each step is clear
  14. the font size
  15. take the photo
  16. in the cloud
  17. 4
  18. black on pale grey
  19. Design A
  20. False
  21. a clear next step
  22. a picture goes here
  23. tap “Sign up”
  24. Rain
  25. a final design
  26. good design
  27. True
  28. 4
  29. UX
  30. see the home screen
  31. Start
  32. False
  33. 6
  34. Ocean
  35. see the final score
  36. Hindi
  37. Kites
  38. fast-flashing lights
  39. Add button
  40. 2

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