App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 673 · 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.🎨 Who should you test the UX with? (a) real users (b) only yourself (c) the app icon (d) nobody
2. 2.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) add a filter (c) post the photo (d) open the camera screen
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. tap Back
   3. open “Video”
   4. tap Back
   5. open “Badges”
   How many times must you tap Back to reach the main screen of this tab?
4. 4.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) inside a button (c) nowhere (d) in the middle
5. 5.True or false: the screen layout is about UI (the look). (a) True (b) False
6. 6.Which colour pair is easy to read? (a) red on green (b) white on dark green (c) light grey on white (d) yellow on white
7. 7.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
8. 8.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Save button ]
   [ search box ]
   [ Add button ]
   [ title text ] (a) search box (b) Add button (c) title text (d) Save button
10. 10.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Pay → Cart → Address → Size → Menu
    Design B: Home → Pay → Address → Size → Results → Pens
12. 12.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
13. 13.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ search box ]
    [ Save button ]
    [ menu icon ]
    [ big picture ]
    [ top bar ] (a) big picture (b) menu icon (c) top bar (d) search box
14. 14.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to hide the buttons (d) to skip testing
15. 15.♿ A screen has 12 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
16. 16.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
17. 17.🔘 Our rule: buttons are at least 48 px tall. The Done button is 36 px tall. How many px taller must it be?
18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Settings tab
    3. open “Score card”
    4. open “Match report”
    5. open “Help page”
    Which screen are you on now? (a) Match report (b) Help page (c) Feed (d) Score card
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Video”
    3. open “Match report”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
20. 20.🔢 In a photo-post flow, which comes first: “post the photo” or “write a caption”? (a) post the photo (b) write a caption
21. 21.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
22. 22.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 19 px
    Body text: 22 px
    Menu: 14 px
    Caption: 20 px
    Footer: 24 px
23. 23.True or false: a final design is a quick sketch. (a) False (b) True
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Size → Menu
    Design B: Home → Shop → Search → Confirm → Menu → Results → Pay
25. 25.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the phone settings (c) the last app used (d) that tab’s main screen
26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Friend list”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
27. 27.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
28. 28.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) a picture goes here (d) delete this
29. 29.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
30. 30.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 9 px
    Label: 25 px
    Title: 18 px
    Body text: 18 px (a) Label (b) Caption (c) Body text (d) Title
31. 31.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
32. 32.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
33. 33.🔢 In a photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 48 px tall
    Start button: 44 px tall
    Help button: 52 px tall (a) Save (b) Help (c) Start
35. 35.True or false: buttons almost touching is good button design. (a) True (b) False
36. 36.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 25 px
    Title: 10 px
    Body text: 17 px (a) Footer (b) Body text (c) Title
37. 37.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ list of items ]
    [ big picture ]
    [ menu icon ]
    [ top bar ] (a) big picture (b) list of items (c) top bar
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Results
    Design B: Home → Search → Pay → Results
39. 39.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) type name and email (c) open the app (d) tap “Sign up”
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Map”
    4. open “Friend list”
    5. tap Back
    Which screen are you on now? (a) Match report (b) Home (c) Map (d) Friend list

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