App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 194 · 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 wireframe? (a) shows the real fonts (b) uses plain grey boxes (c) has the real colours (d) looks like the real app
2. 2.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) sits at the bottom (d) goes to the last screen
3. 3.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
4. 4.🔍 Which is the odd one out? (a) how fast a task is done (b) the button colours (c) how easy sign-up is (d) how many taps it takes
5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 22 px
   Hint: 16 px
   Label: 28 px
   Caption: 23 px
   Title: 13 px (a) Title (b) Body text (c) Label (d) Hint
6. 6.🧭 Which part of navigation undoes one move? (a) a menu button (b) the back button (c) a tab bar
7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Map”
   2. open “Score card”
   3. open “Map”
   4. tap the Settings tab
   5. open “Match report”
   Which screen are you on now? (a) Map (b) Score card (c) Feed (d) Match report
8. 8.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pick a dish (c) open the menu (d) track the order
9. 9.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) see the final score (b) tap “Start quiz”
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. open “Score card”
    3. tap Back
    4. open “Help page”
    Which screen are you on now? (a) Feed (b) Score card (c) Help page (d) Video
11. 11.True or false: the theme colours is about UX (the experience). (a) False (b) True
12. 12.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Shop → Offers → Size → Confirm
    Design B: Home → Pens → Confirm (a) Design A (b) Design B
13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 60 px tall
    Next button: 28 px tall
    Start button: 52 px tall
    Done button: 48 px tall (a) Next (b) Cancel (c) Start (d) Done
14. 14.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
15. 15.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ title text ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    [ list of items ] (a) title text (b) list of items (c) filter buttons (d) menu icon
16. 16.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see if it is right (c) tap “Start quiz” (d) pick an answer
17. 17.True or false: a final design has no real colours. (a) True (b) False
18. 18.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) add it to the cart (c) pick a dish (d) track the order
19. 19.Which of these is true of a final design? (a) looks like the real app (b) is a quick sketch (c) uses plain grey boxes (d) shows where things go
20. 20.🔀 What is a user flow? (a) the path through screens (b) a type of font (c) a charging cable (d) a colour theme
21. 21.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) tap “Sign up” (c) make a password (d) open the app
22. 22.Which of these is true of a wireframe? (a) shows the real fonts (b) is a quick sketch (c) has the real colours (d) uses the final pictures
23. 23.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
24. 24.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) post the photo (c) take the photo (d) open the camera screen
25. 25.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
26. 26.True or false: “fast-flashing lights” helps everyone use the app. (a) False (b) True
27. 27.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) so each step is clear (d) to skip testing
28. 28.True or false: a big, easy tap area is poor button design. (a) True (b) False
29. 29.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ menu icon ]
    [ filter buttons ]
    [ list of items ]
    [ search box ]
    [ Add button ] (a) menu icon (b) filter buttons (c) search box (d) Add button
30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Score card”
    3. tap Back
    Which screen are you on now? (a) Settings (b) Score card (c) Chat (d) Feed
31. 31.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
32. 32.🔍 Which is the odd one out? (a) captions on videos (b) tiny tap areas (c) fast-flashing lights (d) colour as the only clue
33. 33.Which of these is true of a menu button? (a) switches main sections (b) shows 3 to 5 icons (c) hides extra links (d) undoes one move
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 24 px tall
    Send button: 48 px tall
    Start button: 72 px tall (a) Start (b) Save (c) Send
35. 35.True or false: the sound on/off setting fits saving in the cloud. (a) False (b) True
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 68 px tall
    Save button: 32 px tall
    Cancel button: 48 px tall
    Send button: 72 px tall (a) Send (b) Save (c) Cancel (d) Start
37. 37.🔢 In a quiz-app flow, which comes first: “see the final score” or “read a question”? (a) see the final score (b) read a question
38. 38.Which of these fits saving on the phone? (a) the sound on/off setting (b) a shared to-do list (c) chat messages to friends (d) a class leaderboard
39. 39.🔢 In a photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
40. 40.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ top bar ]
    [ menu icon ]
    [ Add button ]
    [ filter buttons ]
    [ list of items ] (a) filter buttons (b) Add button (c) top bar (d) list of items

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