App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 740 · 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.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) tap “Start quiz” (c) see the final score (d) read a question
2. 2.True or false: a tiny 20 px button is poor button design. (a) False (b) True
3. 3.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) it runs the app (d) changes are quick
4. 4.Which of these is true of a menu button? (a) sits at the bottom (b) switches main sections (c) goes to the last screen (d) hides extra links
5. 5.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
6. 6.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
7. 7.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
8. 8.🖼️ In this wireframe (top to bottom), what is right above the search box?
   [ list of items ]
   [ Add button ]
   [ filter buttons ]
   [ big picture ]
   [ search box ] (a) Add button (b) filter buttons (c) list of items (d) big picture
9. 9.♿ A screen has 8 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
10. 10.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
11. 11.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
12. 12.True or false: icons with no meaning is poor button design. (a) False (b) True
13. 13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 18 px
    Title: 21 px
    Body text: 14 px
14. 14.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
15. 15.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
16. 16.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) a closed app (c) delete this (d) an error
17. 17.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 px tall. How many px taller must it be?
18. 18.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 32 px tall
    Back button: 40 px tall
    Cancel button: 44 px tall
20. 20.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
21. 21.True or false: how many taps it takes is about UI (the look). (a) True (b) False
22. 22.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) add a filter (c) take the photo (d) post the photo
23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Shop → Item
    Design B: Home → Address → Shop → Menu → Confirm (a) Design B (b) Design A
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Item → Offers → Search → Shop → Size
    Design B: Home → Pens → Results → Shop → Menu
25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Save button: 60 px tall
    Done button: 64 px tall
26. 26.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ search box ]
    [ filter buttons ]
    [ list of items ]
    [ top bar ]
    [ Add button ] (a) top bar (b) search box (c) filter buttons (d) list of items
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Item → Pay → Confirm
    Design B: Home → Results → Pay → Pens → Search → Shop
28. 28.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
29. 29.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
30. 30.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
31. 31.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a shared to-do list (c) your last game level (d) notes to read offline
32. 32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 56 px tall
    Back button: 24 px tall
    Save button: 60 px tall (a) Back (b) Save (c) Cancel
33. 33.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ Save button ]
    [ Add button ]
    [ menu icon ]
    [ filter buttons ]
    [ title text ] (a) Save button (b) title text (c) Add button (d) menu icon
34. 34.🔀 Why plan the user flow before building? (a) to skip testing (b) so each step is clear (c) to hide the buttons (d) to add more taps
35. 35.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) add it to the cart (b) open the menu
36. 36.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
37. 37.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) type name and email (b) see the home screen
38. 38.True or false: a wireframe looks like the real app. (a) True (b) False
39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 20 px
    Caption: 16 px
    Menu: 9 px (a) Caption (b) Menu (c) Hint
40. 40.🔢 In a food-order flow, which comes first: “track the order” or “add it to the cart”? (a) add it to the cart (b) track the order

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