App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 896 · 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 sign-up flow, which comes FIRST? (a) enter the code sent (b) make a password (c) open the app (d) tap “Sign up”
2. 2.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 12 px
   Label: 27 px
   Body text: 19 px (a) Body text (b) Hint (c) Label
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Item → Pens → Offers → Shop
   Design B: Home → Search → Cart → Results (a) Design B (b) Design A
4. 4.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Menu: 20 px
   Caption: 9 px
   Body text: 22 px (a) Body text (b) Caption (c) Menu
6. 6.🎨 UI stands for user ___. (a) internet (b) idea (c) interface (d) input
7. 7.🖼️ How many parts (boxes) does this wireframe have?
   [ top bar ]
   [ menu icon ]
   [ search box ]
   [ Save button ]
8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pens → Address
   Design B: Home → Pens → Cart → Confirm (a) Design B (b) Design A
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Menu: 20 px
   Label: 14 px
   Title: 11 px
   Hint: 11 px
   Caption: 19 px
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Settings tab
    3. open “Match report”
    4. tap Back
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
11. 11.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
12. 12.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) uses the final pictures (d) has the real colours
13. 13.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Help button: 32 px tall
    Send button: 48 px tall
    Back button: 36 px tall
15. 15.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) a picture goes here (d) an error
16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Match report”
    3. open “Edit photo”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
17. 17.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
18. 18.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
19. 19.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the button colours (d) the font size
20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Size → Offers → Confirm → Pens → Item
    Design B: Home → Menu → Size
21. 21.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) type name and email (b) see the home screen (c) make a password (d) open the app
22. 22.True or false: a wireframe shows where things go. (a) True (b) False
23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Badges”
    3. tap the Profile tab
    4. open “Friend list”
    5. open “Badges”
    Which screen are you on now? (a) Friend list (b) Home (c) Search (d) Badges
24. 24.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Help page”
    3. open “Friend list”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
26. 26.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) check the cart (c) add it to the cart (d) pick a dish
27. 27.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
28. 28.True or false: a wireframe looks like the real app. (a) False (b) True
29. 29.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Pay → Menu → Size → Item
    Design B: Home → Size → Confirm → Item (a) Design A (b) Design B
30. 30.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) has the real colours (d) is a quick sketch
31. 31.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a text label (c) a sound (d) a long animation
32. 32.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Science", "Maths", "Hindi", "Music"];
    show(notes[0]); (a) Hindi (b) Science (c) Maths (d) Art
33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Results → Offers → Pay → Item → Menu
    Design B: Home → Pens → Results
34. 34.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) pick a dish (b) open the menu
35. 35.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) open the app (c) type name and email (d) tap “Sign up”
36. 36.Which of these helps everyone use the app? (a) labels on every icon (b) fast-flashing lights (c) colour as the only clue (d) sudden loud sounds
37. 37.Which of these is true of a final design? (a) uses plain grey boxes (b) has the real colours (c) has no real colours (d) shows where things go
38. 38.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) post the photo (d) write a caption
39. 39.True or false: whether users get lost is about UI (the look). (a) True (b) False
40. 40.🔢 In a photo-post flow, what comes right after “write a caption”? (a) open the camera screen (b) take the photo (c) post the photo (d) add a filter

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