App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 431 · 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.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) home screen (d) shortcut
2. 2.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
3. 3.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) pay for the order (b) track the order
4. 4.🖼️ In this wireframe (top to bottom), what is right below the big picture?
   [ big picture ]
   [ list of items ]
   [ tab bar ]
   [ Add button ]
   [ Save button ]
   [ search box ] (a) Save button (b) tab bar (c) Add button (d) list of items
5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Title: 10 px
   Label: 18 px
   Hint: 25 px (a) Label (b) Hint (c) Title
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Confirm → Pay → Pens → Results → Address → Item
   Design B: Home → Item → Offers → Results → Confirm
7. 7.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
8. 8.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) a class leaderboard (d) your last game level
9. 9.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
   [ list of items ]
   [ tab bar ]
   [ filter buttons ]
   [ top bar ] (a) filter buttons (b) list of items (c) top bar
10. 10.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ Add button ]
    [ Save button ]
    [ menu icon ]
    [ tab bar ] (a) menu icon (b) Add button (c) Save button (d) tab bar
11. 11.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Home tab
    3. open “Edit photo”
    4. tap the Home tab
    5. open “Help page”
    Which screen are you on now? (a) Home (b) Edit photo (c) Help page (d) Match report
13. 13.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ title text ]
    [ search box ]
    [ Add button ]
    [ menu icon ] (a) menu icon (b) Add button (c) title text
14. 14.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) shows where things go (d) shows the real fonts
15. 15.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
16. 16.Which of these helps everyone use the app? (a) big touch targets (b) tiny tap areas (c) icons with no labels (d) sudden loud sounds
17. 17.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
18. 18.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Map”
    3. tap Back
    Which screen are you on now? (a) Feed (b) Chat (c) Match report (d) Map
20. 20.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
21. 21.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a long animation (d) a text label
22. 22.True or false: the theme colours is about UI (the look). (a) True (b) False
23. 23.True or false: a final design has the real colours. (a) True (b) False
24. 24.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) data saved on the phone (d) a shared chat
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Size
    Design B: Home → Offers → Pens → Shop
26. 26.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) enter the code sent
27. 27.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 22 px
    Footer: 21 px
    Label: 14 px
    Caption: 17 px
    Body text: 13 px
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Address → Item → Pens → Menu → Offers → Results
    Design B: Home → Cart → Search → Shop → Menu → Pay
29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Quiz tab
    3. open “Video”
    Which screen are you on now? (a) Lessons (b) Quiz (c) Me (d) Video
30. 30.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) post the photo (d) write a caption
31. 31.True or false: “sudden loud sounds” helps everyone use the app. (a) True (b) False
32. 32.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
33. 33.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
34. 34.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) the path through screens (d) a colour theme
35. 35.True or false: the font size is about UI (the look). (a) False (b) True
36. 36.♿ What does a screen reader do? (a) plays music (b) makes text tiny (c) reads the screen aloud (d) takes photos
37. 37.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap Back
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
39. 39.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
40. 40.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 48 px tall
    Cancel button: 52 px tall
    Send button: 40 px tall
    Back button: 48 px tall

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