← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 664 · 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.🎨 Who should you test the UX with? (a) nobody (b) only yourself (c) real users (d) the app icon
  2. 2.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  3. 3.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ big picture ]
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    (a) filter buttons (b) title text (c) big picture
  4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Address → Cart → Item
    Design B: Home → Search → Shop
    (a) Design B (b) Design A
  5. 5.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
  6. 6.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) takes photos (d) plays music
  7. 7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ list of items ]
    [ tab bar ]
    [ menu icon ]
    [ top bar ]
    (a) list of items (b) menu icon (c) top bar (d) big picture
  8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Edit photo”
    3. tap Back
    4. tap the Home tab
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Edit photo”
    3. tap Back
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.True or false: a clear word like Save is good button design. (a) False (b) True
  11. 11.💾 What number does this code show?
    let notes = ["Hindi", "Sports"];
    notes.push("Music");
    notes.push("Science");
    show(notes.length);
  12. 12.🎨 UI stands for user ___. (a) input (b) interface (c) internet (d) idea
  13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Offers → Pay → Search → Cart → Item → Confirm
    Design B: Home → Results → Size
  14. 14.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ search box ]
    [ tab bar ]
    [ top bar ]
    [ Save button ]
  16. 16.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
  17. 17.Which of these fits saving on the phone? (a) chat messages to friends (b) your last game level (c) a shared to-do list (d) photos on two devices
  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.True or false: your last game level fits saving on the phone. (a) True (b) False
  20. 20.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) post the photo (c) take the photo (d) write a caption
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Offers → Shop → Pens
    Design B: Home → Search → Results
    (a) Design A (b) Design B
  22. 22.💾 What number does this code show?
    let coins = 6;
    coins = coins - 3;
    coins = coins + 1;
    show(coins);
  23. 23.Which of these is true of a wireframe? (a) uses plain grey boxes (b) has the real colours (c) looks like the real app (d) uses the final pictures
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Shop → Address → Cart → Menu → Results
    Design B: Home → Confirm → Size
  25. 25.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
  26. 26.💾 What number does this code show?
    let coins = 7;
    coins = coins - 1;
    coins = coins + 2;
    show(coins);
  27. 27.True or false: strong colour contrast is good button design. (a) True (b) False
  28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 19 px
    Hint: 9 px
    Menu: 19 px
    Title: 28 px
    Body text: 18 px
    (a) Hint (b) Menu (c) Title (d) Caption
  29. 29.🔍 Which is the odd one out? (a) icons with no labels (b) strong colour contrast (c) tiny tap areas (d) colour as the only clue
  30. 30.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ title text ]
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    (a) menu icon (b) title text (c) filter buttons
  31. 31.True or false: a final design uses plain grey boxes. (a) False (b) True
  32. 32.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Results → Address → Confirm
    Design B: Home → Menu → Offers → Pay
    (a) Design A (b) Design B
  33. 33.🔍 Which is the odd one out? (a) sudden loud sounds (b) fast-flashing lights (c) big touch targets (d) icons with no labels
  34. 34.True or false: a final design looks like the real app. (a) True (b) False
  35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 28 px tall
    Back button: 68 px tall
    Done button: 72 px tall
    (a) Back (b) Help (c) Done
  36. 36.🔍 Which is the odd one out? (a) how fast a task is done (b) the icon shapes (c) the button colours (d) the screen layout
  37. 37.💾 What number does this code show?
    let score = 7;
    score = score - 3;
    score = score + 1;
    show(score);
  38. 38.♿ Accessibility means an app works for ___. (a) only experts (b) only the coder (c) nobody (d) everyone
  39. 39.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) good UI but poor UX (c) no UI at all (d) perfect UX
  40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    Which screen are you on now?
    (a) Match report (b) Lessons (c) Help page (d) Quiz

Answer key

  1. real users
  2. True
  3. title text
  4. Design B
  5. a simple screen sketch
  6. reads the screen aloud
  7. top bar
  8. 1
  9. 2
  10. True
  11. 4
  12. interface
  13. 2
  14. easy to read
  15. 5
  16. UI
  17. your last game level
  18. a final design
  19. True
  20. take the photo
  21. Design B
  22. 4
  23. uses plain grey boxes
  24. 2
  25. poor design
  26. 8
  27. True
  28. Hint
  29. strong colour contrast
  30. title text
  31. False
  32. Design B
  33. big touch targets
  34. True
  35. Help
  36. how fast a task is done
  37. 5
  38. everyone
  39. good UI but poor UX
  40. Help page

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