← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 577 · 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.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  2. 2.True or false: how users feel after is about UX (the experience). (a) False (b) True
  3. 3.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) open the camera screen (c) take the photo (d) add a filter
  4. 4.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ big picture ]
    [ list of items ]
    [ filter buttons ]
    [ top bar ]
    [ Save button ]
    (a) big picture (b) filter buttons (c) list of items (d) Save button
  5. 5.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Match report”
    3. tap the Home tab
    4. open “Edit photo”
    Which screen are you on now?
    (a) Home (b) Edit photo (c) Match report (d) Help page
  6. 6.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
  7. 7.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
  8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Size → Pens → Search
    Design B: Home → Results → Cart → Size → Address → Search
    (a) Design B (b) Design A
  9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 13 px
    Footer: 12 px
    Menu: 14 px
  10. 10.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  11. 11.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) open the camera screen (b) add a filter
  12. 12.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
  13. 13.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. tap the Profile tab
    4. open “Badges”
    5. tap the Profile tab
    Which screen are you on now?
    (a) Match report (b) Badges (c) Profile (d) Home
  14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 48 px tall
    Help button: 44 px tall
    Back button: 48 px tall
  15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Pens → Size → Results → Search
    Design B: Home → Shop → Item → Cart → Confirm
    (a) Design B (b) Design A
  16. 16.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Video”
    3. open “Score card”
    4. tap Back
    Which screen are you on now?
    (a) Video (b) Score card (c) Home (d) Search
  17. 17.True or false: a wireframe uses the final pictures. (a) True (b) False
  18. 18.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ Add button ]
    [ Save button ]
    [ big picture ]
  19. 19.True or false: space between buttons is good button design. (a) False (b) True
  20. 20.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  21. 21.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) notes to read offline (d) photos on two devices
  22. 22.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  23. 23.💾 What number does this code show?
    let notes = ["Sports", "Science", "Music"];
    notes.push("Maths");
    notes.push("Hindi");
    show(notes.length);
  24. 24.True or false: grey text on grey is poor button design. (a) False (b) True
  25. 25.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) tap “Sign up” (c) enter the code sent (d) open the app
  26. 26.🔢 In a photo-post flow, which comes first: “take the photo” or “write a caption”? (a) write a caption (b) take the photo
  27. 27.🔍 Which is the odd one out? (a) how fast a task is done (b) the screen layout (c) the theme colours (d) the button colours
  28. 28.💾 What number does this code show?
    let lives = 5;
    lives = lives - 1;
    lives = lives + 4;
    show(lives);
  29. 29.True or false: how many taps it takes is about UI (the look). (a) False (b) True
  30. 30.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  31. 31.🔍 Which is the odd one out? (a) big touch targets (b) sudden loud sounds (c) text that can grow (d) captions on videos
  32. 32.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
  33. 33.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  34. 34.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ title text ]
    [ Add button ]
    [ Save button ]
    (a) title text (b) Add button (c) Save button
  35. 35.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Music (b) Art (c) Maths
  36. 36.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
    (a) Save button (b) menu icon (c) list of items (d) tab bar
  38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Shop → Pens
    Design B: Home → Pens → Item → Pay → Size
    (a) Design B (b) Design A
  39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ tab bar ]
    [ big picture ]
    [ search box ]
  40. 40.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone

Answer key

  1. No
  2. True
  3. open the camera screen
  4. Save button
  5. Edit photo
  6. True
  7. poor design
  8. Design A
  9. 3
  10. False
  11. open the camera screen
  12. 1
  13. Profile
  14. 2
  15. Design B
  16. Video
  17. False
  18. 4
  19. True
  20. in the cloud
  21. notes to read offline
  22. a final design
  23. 5
  24. True
  25. open the app
  26. take the photo
  27. how fast a task is done
  28. 8
  29. False
  30. a wireframe
  31. sudden loud sounds
  32. a simple screen sketch
  33. True
  34. title text
  35. Music
  36. a final design
  37. tab bar
  38. Design A
  39. 4
  40. in the cloud

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