App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 742 · 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.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
2. 2.🖼️ In this wireframe (top to bottom), what is right below the Add button?
   [ menu icon ]
   [ list of items ]
   [ title text ]
   [ Add button ]
   [ filter buttons ]
   [ big picture ] (a) big picture (b) list of items (c) title text (d) filter buttons
3. 3.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a type of font (d) a colour theme
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. tap the Profile tab
   3. tap the Search tab
   4. open “Friend list”
   Which screen are you on now? (a) Search (b) Profile (c) Friend list (d) Home
5. 5.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
6. 6.True or false: notes to read offline fits saving on the phone. (a) False (b) True
7. 7.🔍 Which is the odd one out? (a) colour as the only clue (b) labels on every icon (c) fast-flashing lights (d) icons with no labels
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Profile tab
   2. tap the Profile tab
   3. open “Edit photo”
   4. tap Back
   Which screen are you on now? (a) Search (b) Profile (c) Home (d) Edit photo
9. 9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Start button: 52 px tall
   Send button: 44 px tall
   Back button: 32 px tall
   Help button: 44 px tall
10. 10.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Save button: 52 px tall
    Send button: 40 px tall
11. 11.🎨 Who should you test the UX with? (a) real users (b) the app icon (c) nobody (d) only yourself
12. 12.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
13. 13.True or false: how users feel after is about UI (the look). (a) False (b) True
14. 14.Which of these is about UX (the experience)? (a) how many taps it takes (b) the icon shapes (c) the screen layout (d) the button colours
15. 15.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 10 (d) 0
16. 16.True or false: a wireframe shows the real fonts. (a) True (b) False
17. 17.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) colour-blind users (c) the battery (d) fast typists
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Results → Offers
    Design B: Home → Shop → Confirm → Pens → Results
19. 19.True or false: a final design shows where things go. (a) True (b) False
20. 20.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
21. 21.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Settings tab
    3. open “Help page”
    4. open “Match report”
    5. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
23. 23.♿ A screen has 10 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
24. 24.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) enter the code sent
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap the Profile tab
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
26. 26.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Add button ]
    [ top bar ]
    [ big picture ]
    [ list of items ]
    [ Save button ] (a) list of items (b) Save button (c) Add button (d) big picture
27. 27.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to look busy (c) to hide the menu (d) to use more battery
28. 28.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) nowhere (c) inside a button (d) at the bottom
29. 29.Which of these helps everyone use the app? (a) icons with no labels (b) sudden loud sounds (c) big touch targets (d) fast-flashing lights
30. 30.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
31. 31.💾 Saving data in the cloud lets you ___. (a) never need a password (b) use it on any device (c) skip the internet (d) shrink the app
32. 32.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
33. 33.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) a dead end (d) the same screen
34. 34.Which of these is true of a menu button? (a) undoes one move (b) hides extra links (c) goes to the last screen (d) shows 3 to 5 icons
35. 35.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ]
    [ list of items ]
    [ Add button ] (a) list of items (b) filter buttons (c) Add button (d) top bar
36. 36.True or false: “fast-flashing lights” helps everyone use the app. (a) False (b) True
37. 37.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Results → Pens → Item → Cart
    Design B: Home → Cart → Pens → Confirm
39. 39.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ filter buttons ]
    [ Save button ]
    [ top bar ]
    [ tab bar ] (a) filter buttons (b) tab bar (c) top bar
40. 40.🎨 UI stands for user ___. (a) interface (b) internet (c) idea (d) input

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