App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 169 · 40 questions

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.

1. 1.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) your last game level (d) a shared to-do list
2. 2.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Shop → Results → Search → Size
   Design B: Home → Shop → Pay → Offers
4. 4.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
5. 5.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
6. 6.Which of these is about UI (the look)? (a) the font size (b) how easy sign-up is (c) how fast a task is done (d) how many taps it takes
7. 7.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Me tab
   2. tap the Lessons tab
   3. open “Map”
   4. open “Badges”
   How many times must you tap Back to reach the main screen of this tab?
9. 9.💾 What is a variable? (a) a type of screen (b) a named box for a value (c) a phone setting (d) a picture
10. 10.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) how many taps it takes (d) how fast a task is done
11. 11.True or false: how users feel after is about UX (the experience). (a) True (b) False
12. 12.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 22 px
    Body text: 10 px
    Menu: 17 px
    Title: 17 px
    Hint: 10 px
13. 13.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
14. 14.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. tap the Search tab
    Which screen are you on now? (a) Home (b) Search (c) Profile (d) Video
16. 16.True or false: a wireframe has the real colours. (a) False (b) True
17. 17.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
18. 18.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
19. 19.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ tab bar ]
    [ big picture ]
    [ search box ]
    [ top bar ] (a) big picture (b) top bar (c) title text (d) tab bar
21. 21.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ list of items ]
    [ top bar ]
    [ tab bar ]
    [ Add button ]
22. 22.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) add a filter (c) take the photo (d) post the photo
23. 23.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
24. 24.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to hide the buttons (d) to skip testing
25. 25.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results → Confirm → Menu → Pens → Pay
    Design B: Home → Pens → Search → Results (a) Design B (b) Design A
26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Chat tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Edit photo”
    3. open “Match report”
    Which screen are you on now? (a) Edit photo (b) Chat (c) Feed (d) Match report
28. 28.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) pale pink on white (d) white on black
29. 29.🔍 Which is the odd one out? (a) the icon shapes (b) whether users get lost (c) the font size (d) the screen layout
30. 30.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
31. 31.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
32. 32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 36 px tall
    Help button: 56 px tall
    Cancel button: 72 px tall (a) Cancel (b) Save (c) Help
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 26 px
    Caption: 19 px
    Hint: 9 px
    Title: 19 px (a) Hint (b) Menu (c) Caption (d) Title
34. 34.True or false: “labels on every icon” makes the app harder to use. (a) False (b) True
35. 35.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
36. 36.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) track the order (b) pay for the order
37. 37.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ tab bar ]
    [ search box ]
    [ filter buttons ]
    [ Save button ]
    [ top bar ] (a) filter buttons (b) top bar (c) search box (d) tab bar
38. 38.True or false: buttons almost touching is good button design. (a) False (b) True
39. 39.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Friend list”
    4. open “Video”
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?

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