← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 440 · 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: a big, easy tap area is poor button design. (a) True (b) False
  2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 11 px
    Menu: 22 px
    Label: 19 px
    Title: 24 px
  3. 3.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ Save button ]
    [ big picture ]
    [ title text ]
    (a) big picture (b) Save button (c) title text
  4. 4.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
  5. 5.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) see the final score (c) read a question (d) tap “Start quiz”
  6. 6.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
  7. 7.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
  8. 8.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) see if it is right (d) pick an answer
  9. 9.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  10. 10.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  11. 11.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
  12. 12.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  13. 13.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) shows where things go (d) uses the final pictures
  14. 14.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Search tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  16. 16.Which colour pair is hard to read? (a) yellow on white (b) black on pale grey (c) dark blue on white (d) white on black
  17. 17.True or false: a final design is a quick sketch. (a) True (b) False
  18. 18.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 1 (d) 10
  19. 19.💾 What number does this code show?
    let notes = ["Maths", "Hindi", "Sports", "Art"];
    notes.push("Science");
    show(notes.length);
  20. 20.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  21. 21.♿ Why add captions to videos? (a) to hide the sound (b) to slow them down (c) so anyone can follow (d) to add colour
  22. 22.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
  23. 23.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
  24. 24.Which colour pair is hard to read? (a) black on yellow (b) pale pink on white (c) black on pale grey (d) dark blue on white
  25. 25.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 10 to 12 (c) 3 to 5 (d) 1
  26. 26.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  27. 27.🔢 In a photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
  28. 28.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) sudden loud sounds (d) fast-flashing lights
  29. 29.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) open the menu (c) add it to the cart (d) pick a dish
  30. 30.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  31. 31.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Pens → Cart → Offers → Shop → Pay
    Design B: Home → Menu → Offers
    (a) Design A (b) Design B
  32. 32.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) opens settings (d) goes to the last screen
  33. 33.True or false: how fast a task is done is about UI (the look). (a) False (b) True
  34. 34.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) tap “Start quiz” (d) see if it is right
  35. 35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 12 px
    Caption: 22 px
    Menu: 13 px
    Hint: 15 px
  36. 36.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) looks like the real app (d) is a quick sketch
  37. 37.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
  38. 38.True or false: grey text on grey is good button design. (a) False (b) True
  39. 39.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) big touch targets (d) icons with no labels
  40. 40.Which of these helps everyone use the app? (a) icons with no labels (b) tiny tap areas (c) captions on videos (d) sudden loud sounds

Answer key

  1. False
  2. 1
  3. Save button
  4. a simple screen sketch
  5. see the final score
  6. so users do not get lost
  7. pencil and paper
  8. read a question
  9. a tab bar
  10. good design
  11. True
  12. a wireframe
  13. uses the final pictures
  14. UI
  15. 1
  16. yellow on white
  17. False
  18. 0
  19. 5
  20. hard to read
  21. so anyone can follow
  22. experience
  23. UX
  24. pale pink on white
  25. 3 to 5
  26. good design
  27. add a filter
  28. text that can grow
  29. track the order
  30. poor design
  31. Design B
  32. goes to the last screen
  33. False
  34. tap “Start quiz”
  35. 3
  36. is a quick sketch
  37. in the cloud
  38. False
  39. icons with no labels
  40. captions on videos

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