App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 520 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Item → Shop → Address → Confirm → Results → Offers
   Design B: Home → Shop → Address → Pay → Item → Pens
2. 2.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
3. 3.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) uses plain grey boxes (d) has the real colours
4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Offers → Pens → Pay → Results → Cart → Item
   Design B: Home → Offers → Menu → Confirm → Address → Search
5. 5.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
6. 6.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ top bar ]
   [ search box ]
   [ title text ]
   [ tab bar ] (a) title text (b) tab bar (c) top bar
7. 7.Which of these is true of the back button? (a) sits at the bottom (b) opens a list of pages (c) switches main sections (d) undoes one move
8. 8.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Size → Pens → Menu
   Design B: Home → Pay → Cart → Search → Pens
10. 10.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ top bar ]
    [ filter buttons ]
    [ Add button ]
    [ Save button ]
    [ list of items ]
    [ search box ] (a) filter buttons (b) top bar (c) search box (d) Save button
11. 11.Which of these makes the app harder to use? (a) labels on every icon (b) strong colour contrast (c) tiny tap areas (d) big touch targets
12. 12.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
13. 13.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) perfect UX (d) good UX but poor UI
14. 14.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) the finished app (d) a type of password
15. 15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Match report”
    3. open “Score card”
    Which screen are you on now? (a) Match report (b) Feed (c) Chat (d) Score card
16. 16.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) see if it is right (c) read a question (d) pick an answer
17. 17.Which of these helps everyone use the app? (a) fast-flashing lights (b) strong colour contrast (c) tiny tap areas (d) colour as the only clue
18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Menu → Pens → Offers
    Design B: Home → Menu → Size → Pens → Shop → Cart → Pay (a) Design B (b) Design A
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Pay → Offers → Search
    Design B: Home → Offers → Menu
20. 20.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
21. 21.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ top bar ]
    [ big picture ]
    [ tab bar ]
    [ search box ]
    [ Add button ] (a) search box (b) Add button (c) tab bar (d) top bar
22. 22.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
23. 23.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
24. 24.🔘 Our rule: buttons are at least 48 px tall. The Start button is 28 px tall. How many px taller must it be?
25. 25.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ tab bar ]
    [ filter buttons ]
    [ Add button ]
    [ top bar ]
    [ big picture ] (a) top bar (b) big picture (c) filter buttons (d) tab bar
26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Match report”
    Which screen are you on now? (a) Search (b) Home (c) Match report (d) Badges
27. 27.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 52 px tall
    Help button: 44 px tall
    Back button: 32 px tall
    Save button: 40 px tall
28. 28.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) changes are quick (d) it runs the app
29. 29.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
30. 30.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pay for the order (c) add it to the cart (d) pick a dish
31. 31.Which colour pair is easy to read? (a) pale pink on white (b) black on pale grey (c) yellow on white (d) dark blue on black
32. 32.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) worse UX (d) more colours
33. 33.♿ 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
34. 34.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) add it to the cart (b) track the order
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Badges”
    3. tap Back
    4. tap Back
    Which screen are you on now? (a) Feed (b) Badges (c) Chat (d) Map
36. 36.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
37. 37.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) has no real colours (d) has the real colours
38. 38.♿ What does a screen reader do? (a) reads the screen aloud (b) plays music (c) takes photos (d) makes text tiny
39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Feed tab
    3. open “Score card”
    4. tap Back
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
40. 40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ top bar ]
    [ search box ]
    [ tab bar ]
    [ big picture ] (a) search box (b) title text (c) big picture (d) top bar

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