App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 527 · 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 this wireframe (top to bottom), what is right above the filter buttons?
   [ list of items ]
   [ Add button ]
   [ menu icon ]
   [ tab bar ]
   [ title text ]
   [ filter buttons ] (a) list of items (b) tab bar (c) title text (d) menu icon
2. 2.True or false: the font size is about UX (the experience). (a) True (b) False
3. 3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Back button: 68 px tall
   Start button: 40 px tall
   Save button: 64 px tall
   Cancel button: 68 px tall (a) Start (b) Back (c) Save (d) Cancel
4. 4.💾 What number does this code show?
   let stars = 4;
   stars = stars - 2;
   stars = stars + 1;
   show(stars);
5. 5.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
6. 6.🖼️ In this wireframe (top to bottom), what is right above the top bar?
   [ Add button ]
   [ top bar ]
   [ title text ]
   [ Save button ]
   [ big picture ]
   [ list of items ] (a) Add button (b) title text (c) list of items (d) big picture
7. 7.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) a draft you are typing (d) a class leaderboard
8. 8.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
9. 9.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has the real colours (d) has no real colours
10. 10.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) make a password (c) open the app (d) see the home screen
11. 11.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Menu → Offers
    Design B: Home → Shop → Cart (a) Design B (b) Design A
12. 12.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) see if it is right (c) pick an answer (d) tap “Start quiz”
13. 13.🔘 Our rule: buttons are at least 48 px tall. The Back button is 40 px tall. How many px taller must it be?
14. 14.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Shop → Pay → Item
    Design B: Home → Shop → Pens (a) Design A (b) Design B
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ filter buttons ]
    [ title text ]
    [ menu icon ]
    [ list of items ] (a) list of items (b) menu icon (c) top bar (d) filter buttons
17. 17.🔍 Which is the odd one out? (a) text that can grow (b) big touch targets (c) labels on every icon (d) tiny tap areas
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap Back
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    4. open “Score card”
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ top bar ]
    [ menu icon ]
    [ filter buttons ]
    [ tab bar ]
21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Match report”
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 64 px tall
    Save button: 72 px tall
    Cancel button: 36 px tall (a) Back (b) Save (c) Cancel
23. 23.True or false: a clear word like Save is good button design. (a) False (b) True
24. 24.True or false: a tiny 20 px button is poor button design. (a) False (b) True
25. 25.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
26. 26.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
27. 27.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
28. 28.🔍 Which is the odd one out? (a) how many taps it takes (b) the icon shapes (c) the screen layout (d) the font size
29. 29.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
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 add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to add colour (d) to slow them down
32. 32.🔘 Our rule: buttons are at least 48 px tall. The Done button is 28 px tall. How many px taller must it be?
33. 33.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ menu icon ]
    [ list of items ]
    [ top bar ]
    [ filter buttons ]
    [ search box ]
    [ Add button ] (a) top bar (b) list of items (c) filter buttons (d) Add button
34. 34.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
35. 35.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) track the order (c) open the menu (d) check the cart
36. 36.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Back button: 40 px tall
    Help button: 56 px tall
37. 37.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ list of items ]
    [ menu icon ]
    [ Add button ]
    [ Save button ]
    [ tab bar ]
    [ top bar ] (a) list of items (b) Add button (c) tab bar (d) top bar
38. 38.True or false: buttons almost touching is good button design. (a) False (b) True
39. 39.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Shop → Item → Size
    Design B: Home → Confirm → Pens → Pay → Offers → Menu (a) Design A (b) Design B
40. 40.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 60 px tall
    Next button: 60 px tall
    Cancel button: 48 px tall

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