← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 394 · 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), what is right below the menu icon?
    [ top bar ]
    [ menu icon ]
    [ list of items ]
    [ title text ]     (a) top bar (b) title text (c) list of items
  2. 2.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. open “Badges”
    4. tap Back
    5. open “Help page”
    Which screen are you on now?     (a) Badges (b) Help page (c) Home (d) Score card
  3. 3.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) good UX but poor UI (d) perfect UX
  4. 4.Which of these is true of a wireframe? (a) has the real colours (b) uses plain grey boxes (c) uses the final pictures (d) looks like the real app
  5. 5.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) pick an answer (c) tap “Start quiz” (d) see the final score
  6. 6.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter
  7. 7.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  8. 8.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  9. 9.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Item → Size → Cart → Shop
    Design B: Home → Item → Cart → Confirm → Pens
  11. 11.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) better UX (c) a bigger app (d) worse UX
  12. 12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Me tab
    3. open “Match report”
    4. open “Match report”
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) shows the real fonts (d) is a quick sketch
  14. 14.💾 What number does this code show?
    let friends = ["Kabir", "Aman", "Arjun", "Zoya"];
    friends.push("Riya");
    show(friends.length);
  15. 15.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
  16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ filter buttons ]
    [ menu icon ]
    [ Save button ]
    [ big picture ]
    [ top bar ]
  17. 17.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
  18. 18.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 32 px tall
    Save button: 44 px tall
    Start button: 36 px tall
    Cancel button: 36 px tall
  20. 20.Which of these is about UI (the look)? (a) the icon shapes (b) how users feel after (c) how easy sign-up is (d) how many taps it takes
  21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Feed tab
    3. open “Help page”
    4. tap Back
    Which screen are you on now?     (a) Help page (b) Chat (c) Settings (d) Feed
  22. 22.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) take the photo (d) post the photo
  23. 23.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
  24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pens → Search → Results → Cart → Pay
    Design B: Home → Pens → Search → Pay → Confirm     (a) Design A (b) Design B
  25. 25.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  26. 26.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
  27. 27.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
  28. 28.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a text label (d) a long animation
  29. 29.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a 3D printer (c) pencil and paper (d) a microphone
  30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Home tab
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Score card”
    3. tap Back
    4. tap the Home tab
    5. open “Video”
    Which screen are you on now?     (a) Video (b) Home (c) Help page (d) Score card
  32. 32.Which of these helps everyone use the app? (a) fast-flashing lights (b) icons with no labels (c) text that can grow (d) sudden loud sounds
  33. 33.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ tab bar ]
    [ menu icon ]
    [ filter buttons ]
    [ Add button ]
    [ search box ]
    [ top bar ]     (a) menu icon (b) top bar (c) search box (d) Add button
  34. 34.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) is a quick sketch (d) looks like the real app
  35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Confirm → Shop → Item → Results
    Design B: Home → Shop → Confirm → Search → Menu → Item → Cart
  36. 36.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ Add button ]
    [ big picture ]
    [ tab bar ]
    [ top bar ]     (a) tab bar (b) top bar (c) Add button
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap Back
    3. open “Help page”
    4. tap Back
    Which screen are you on now?     (a) Video (b) Quiz (c) Lessons (d) Help page
  38. 38.🔢 In a photo-post flow, what comes right after “write a caption”? (a) open the camera screen (b) take the photo (c) post the photo (d) add a filter
  39. 39.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) so anyone can follow (d) to hide the sound
  40. 40.True or false: a clear word like Save is poor button design. (a) True (b) False

Answer key

  1. list of items
  2. Help page
  3. good UI but poor UX
  4. uses plain grey boxes
  5. tap “Start quiz”
  6. add a filter
  7. helps everyone
  8. a final design
  9. a final design
  10. 5
  11. better UX
  12. 3
  13. shows the real fonts
  14. 5
  15. so each step is clear
  16. 6
  17. a named box for a value
  18. on the phone
  19. 0
  20. the icon shapes
  21. Feed
  22. post the photo
  23. 2
  24. Design B
  25. good design
  26. UX
  27. 4
  28. a text label
  29. pencil and paper
  30. 1
  31. Video
  32. text that can grow
  33. Add button
  34. is a quick sketch
  35. 6
  36. Add button
  37. Lessons
  38. post the photo
  39. so anyone can follow
  40. False

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