App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 129 · 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.🔘 Our rule: buttons are at least 48 px tall. The Save button is 40 px tall. How many px taller must it be?
2. 2.🔍 Which is the odd one out? (a) how fast a task is done (b) whether users get lost (c) the button colours (d) how many taps it takes
3. 3.🔢 In a food-order flow, which comes FIRST? (a) pick a dish (b) open the menu (c) check the cart (d) pay for the order
4. 4.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) the battery (c) colour-blind users (d) fast typists
5. 5.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
6. 6.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) to add more taps (d) so each step is clear
7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Send button: 40 px tall
   Done button: 60 px tall
   Cancel button: 64 px tall
8. 8.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) take the photo (b) write a caption
9. 9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Back button: 36 px tall
   Save button: 36 px tall
   Done button: 52 px tall
   Next button: 40 px tall
10. 10.True or false: a final design looks like the real app. (a) False (b) True
11. 11.🎨 UI stands for user ___. (a) internet (b) input (c) idea (d) interface
12. 12.🔍 Which is the odd one out? (a) text that can grow (b) big touch targets (c) strong colour contrast (d) colour as the only clue
13. 13.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) type name and email (c) make a password (d) open the app
14. 14.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a long animation (c) a sound (d) a text label
15. 15.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
16. 16.Which of these is true of a final design? (a) is a quick sketch (b) has the real colours (c) shows where things go (d) uses plain grey boxes
17. 17.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
18. 18.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ filter buttons ]
    [ top bar ]
    [ big picture ]
    [ Add button ] (a) top bar (b) filter buttons (c) big picture
19. 19.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) see if it is right (d) read a question
20. 20.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) open the camera screen (b) take the photo
21. 21.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
22. 22.True or false: grey text on grey is poor button design. (a) True (b) False
23. 23.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
24. 24.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
25. 25.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
26. 26.🧭 Why should every screen show where you are? (a) to use more battery (b) so users do not get lost (c) to look busy (d) to hide the menu
27. 27.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
28. 28.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
29. 29.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ search box ]
    [ top bar ]
    [ menu icon ]
    [ tab bar ]
    [ title text ]
    [ list of items ] (a) menu icon (b) top bar (c) search box (d) list of items
30. 30.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
31. 31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 60 px tall
    Save button: 64 px tall
    Done button: 60 px tall
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Send button: 60 px tall
    Next button: 32 px tall
    Cancel button: 44 px tall
33. 33.Which colour pair is hard to read? (a) white on black (b) dark blue on white (c) dark blue on black (d) black on pale grey
34. 34.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. tap the Feed tab
    3. open “Video”
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
36. 36.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) see the final score (b) tap “Start quiz”
37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ menu icon ]
    [ tab bar ]
    [ big picture ] (a) tab bar (b) big picture (c) menu icon (d) Add button
38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ big picture ]
    [ Add button ]
    [ tab bar ]
    [ top bar ]
39. 39.Which of these is true of the back button? (a) goes to the last screen (b) shows 3 to 5 icons (c) sits at the bottom (d) opens a list of pages
40. 40.True or false: a wireframe uses plain grey boxes. (a) False (b) True

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