App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 977 · 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.Which of these is true of a tab bar? (a) goes to the last screen (b) opens a list of pages (c) undoes one move (d) sits at the bottom
2. 2.True or false: a wireframe shows the real fonts. (a) True (b) False
3. 3.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) red on green (d) white on dark green
4. 4.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 18 px
   Body text: 25 px
   Footer: 18 px
   Hint: 10 px (a) Label (b) Hint (c) Body text (d) Footer
5. 5.💾 What number does this code show?
   let points = 6;
   points = points - 3;
   points = points + 3;
   show(points);
6. 6.🔍 Which is the odd one out? (a) how fast a task is done (b) how easy sign-up is (c) the button colours (d) how users feel after
7. 7.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
8. 8.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
9. 9.🔢 In a food-order flow, what comes right after “pay for the order”? (a) add it to the cart (b) open the menu (c) check the cart (d) track the order
10. 10.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 56 px tall
    Save button: 40 px tall
    Back button: 56 px tall (a) Next (b) Save (c) Back
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Item → Cart → Pay → Address
    Design B: Home → Size → Confirm → Pens
13. 13.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Confirm → Menu
    Design B: Home → Search → Cart → Address → Results
15. 15.🔍 Which is the odd one out? (a) the screen layout (b) the button colours (c) the icon shapes (d) whether users get lost
16. 16.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) hides extra links (c) goes to the last screen (d) undoes one move
17. 17.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 20 (c) 3 to 5 (d) 10 to 12
18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ tab bar ]
    [ big picture ]
    [ list of items ]
    [ filter buttons ]
    [ title text ] (a) big picture (b) Add button (c) title text (d) filter buttons
19. 19.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
20. 20.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) shortcut (d) home screen
21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Confirm → Address
    Design B: Home → Offers → Pay (a) Design A (b) Design B
22. 22.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) check the cart (c) track the order (d) open the menu
23. 23.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Address → Menu → Size → Results
    Design B: Home → Cart → Search → Item
25. 25.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a dead end (d) a clear next step
26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 23 px
    Title: 10 px
    Footer: 11 px
    Hint: 12 px
    Body text: 17 px
27. 27.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ top bar ]
    [ big picture ]
    [ menu icon ] (a) big picture (b) menu icon (c) tab bar (d) top bar
28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 52 px tall
    Cancel button: 52 px tall
    Save button: 40 px tall
    Send button: 60 px tall (a) Next (b) Send (c) Cancel (d) Save
29. 29.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Cart → Pay → Size
    Design B: Home → Menu → Size → Cart (a) Design B (b) Design A
31. 31.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) see the home screen (c) make a password (d) tap “Sign up”
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Score card”
    3. open “Score card”
    4. open “Edit photo”
    5. tap Back
    Which screen are you on now? (a) Score card (b) Feed (c) Match report (d) Edit photo
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Back button is 28 px tall. How many px taller must it be?
34. 34.True or false: how users feel after is about UX (the experience). (a) True (b) False
35. 35.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
36. 36.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
37. 37.True or false: a tiny 20 px button is poor button design. (a) False (b) True
38. 38.Which of these is about UI (the look)? (a) the font size (b) how many taps it takes (c) how easy sign-up is (d) whether users get lost
39. 39.Which of these is true of the back button? (a) hides extra links (b) goes to the last screen (c) opens a list of pages (d) shows 3 to 5 icons
40. 40.♿ A screen has 8 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?

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