← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 958 · 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: “colour as the only clue” helps everyone use the app. (a) False (b) True
  2. 2.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  3. 3.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  4. 4.🧭 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 “Video”
    Which screen are you on now?
    (a) Edit photo (b) Home (c) Search (d) Video
  5. 5.Which of these makes the app harder to use? (a) tiny tap areas (b) labels on every icon (c) big touch targets (d) text that can grow
  6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Score card”
    4. tap Back
    Which screen are you on now?
    (a) Score card (b) Lessons (c) Quiz (d) Match report
  7. 7.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) the icon shapes (d) how easy sign-up is
  8. 8.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) read a question
  9. 9.💾 Which works with no internet at all? (a) a cloud backup (b) a shared chat (c) data saved on the phone (d) a cloud leaderboard
  10. 10.True or false: the font size is about UX (the experience). (a) True (b) False
  11. 11.💾 What number does this code show?
    let notes = ["Music", "Science"];
    notes.push("Hindi");
    notes.push("Maths");
    show(notes.length);
  12. 12.Which colour pair is hard to read? (a) yellow on white (b) black on yellow (c) black on pale grey (d) white on dark green
  13. 13.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  14. 14.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  15. 15.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  16. 16.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
  17. 17.🧭 Why should every screen show where you are? (a) to look busy (b) so users do not get lost (c) to hide the menu (d) to use more battery
  18. 18.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Match report”
    3. open “Edit photo”
    Which screen are you on now?
    (a) Edit photo (b) Lessons (c) Quiz (d) Match report
  20. 20.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only experts (d) only the coder
  21. 21.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Video”
    3. open “Friend list”
    4. open “Help page”
    Which screen are you on now?
    (a) Friend list (b) Help page (c) Video (d) Lessons
  22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Pay → Address
    Design B: Home → Item → Confirm → Menu → Address
    (a) Design A (b) Design B
  23. 23.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) pencil and paper (d) a phone case
  24. 24.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) at the bottom (d) nowhere
  25. 25.True or false: a wireframe looks like the real app. (a) True (b) False
  26. 26.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
  27. 27.Which colour pair is easy to read? (a) white on dark green (b) red on green (c) dark blue on black (d) yellow on white
  28. 28.💾 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
  29. 29.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  30. 30.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ tab bar ]
    [ menu icon ]
    (a) tab bar (b) menu icon (c) big picture (d) Save button
  31. 31.💾 What number does this code show?
    let notes = ["Art", "Maths", "Science", "Music"];
    notes.push("Sports");
    notes.push("Hindi");
    show(notes.length);
  32. 32.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) closes all apps (d) opens settings
  33. 33.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) has the real colours (d) shows where things go
  34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Item
    Design B: Home → Cart → Shop → Pens
    (a) Design B (b) Design A
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ big picture ]
    [ title text ]
    [ Add button ]
    [ top bar ]
    (a) big picture (b) top bar (c) title text
  36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Results → Menu → Item
    Design B: Home → Shop → Pay → Cart → Pens → Size
  38. 38.Which of these is about UX (the experience)? (a) the icon shapes (b) the theme colours (c) how many taps it takes (d) the font size
  39. 39.Which of these helps everyone use the app? (a) fast-flashing lights (b) sudden loud sounds (c) colour as the only clue (d) big touch targets
  40. 40.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone

Answer key

  1. False
  2. poor design
  3. a final design
  4. Video
  5. tiny tap areas
  6. Lessons
  7. the icon shapes
  8. tap “Start quiz”
  9. data saved on the phone
  10. False
  11. 4
  12. yellow on white
  13. False
  14. a final design
  15. a wireframe
  16. a menu button
  17. so users do not get lost
  18. a final design
  19. Edit photo
  20. everyone
  21. Help page
  22. Design A
  23. pencil and paper
  24. at the bottom
  25. False
  26. write a caption
  27. white on dark green
  28. on the phone
  29. UI
  30. menu icon
  31. 6
  32. goes to the last screen
  33. shows where things go
  34. Design A
  35. top bar
  36. 1
  37. 5
  38. how many taps it takes
  39. big touch targets
  40. makes it harder

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