App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 146 · 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.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
2. 2.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it runs the app (d) it adds colours
3. 3.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
4. 4.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) white on black (d) light grey on white
5. 5.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) opens a list of pages (d) shows 3 to 5 icons
6. 6.🖼️ In this wireframe (top to bottom), what is right above the list of items?
   [ menu icon ]
   [ Save button ]
   [ big picture ]
   [ list of items ] (a) big picture (b) menu icon (c) Save button
7. 7.🖼️ How many parts (boxes) does this wireframe have?
   [ Save button ]
   [ Add button ]
   [ tab bar ]
   [ big picture ]
   [ search box ]
   [ menu icon ]
8. 8.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
9. 9.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) take the photo (d) post the photo
10. 10.True or false: a big, easy tap area is poor button design. (a) True (b) False
11. 11.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ menu icon ]
    [ title text ]
    [ tab bar ]
    [ big picture ] (a) search box (b) menu icon (c) title text (d) tab bar
12. 12.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
13. 13.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) uses plain grey boxes (d) looks like the real app
14. 14.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
15. 15.Which colour pair is easy to read? (a) light grey on white (b) pale pink on white (c) white on dark green (d) yellow on white
16. 16.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) pick a dish (c) add it to the cart (d) track the order
17. 17.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the screen layout (d) the icon shapes
18. 18.🔘 Our rule: buttons are at least 48 px tall. The Send button is 40 px tall. How many px taller must it be?
19. 19.Which colour pair is easy to read? (a) dark blue on white (b) dark blue on black (c) yellow on white (d) red on green
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.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ filter buttons ]
    [ big picture ]
    [ Add button ] (a) Add button (b) filter buttons (c) list of items (d) big picture
22. 22.Which of these is about UI (the look)? (a) the theme colours (b) how users feel after (c) whether users get lost (d) how fast a task is done
23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Score card”
    3. open “Video”
    4. tap Back
    Which screen are you on now? (a) Video (b) Score card (c) Quiz (d) Lessons
24. 24.Which of these is true of a wireframe? (a) has no real colours (b) looks like the real app (c) uses the final pictures (d) has the real colours
25. 25.Which of these is about UI (the look)? (a) whether users get lost (b) how easy sign-up is (c) the icon shapes (d) how many taps it takes
26. 26.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
27. 27.True or false: a final design uses plain grey boxes. (a) False (b) True
28. 28.True or false: a wireframe is a quick sketch. (a) True (b) False
29. 29.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
30. 30.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
31. 31.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to hide the menu (c) to use more battery (d) to look busy
32. 32.♿ A screen has 8 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
33. 33.✏️ 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
34. 34.🔍 Which is the odd one out? (a) icons with no labels (b) text that can grow (c) colour as the only clue (d) tiny tap areas
35. 35.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 3 to 5 (c) 10 to 12 (d) 20
36. 36.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pick a dish (c) open the menu (d) track the order
37. 37.🔢 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
38. 38.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) a phone case (d) pencil and paper
39. 39.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) uses the final pictures (d) uses plain grey boxes
40. 40.♿ Accessibility means an app works for ___. (a) only the coder (b) everyone (c) only experts (d) nobody

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