App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 573 · 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) home screen (c) shortcut (d) tab bar
2. 2.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a 3D printer (c) pencil and paper (d) a phone case
3. 3.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see the final score (c) tap “Start quiz” (d) see if it is right
4. 4.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) an error (c) delete this (d) a closed app
5. 5.Which of these is about UX (the experience)? (a) how fast a task is done (b) the font size (c) the theme colours (d) the icon shapes
6. 6.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
7. 7.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
8. 8.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) skip the internet (c) never need a password (d) shrink the app
9. 9.Which of these is true of the back button? (a) shows 3 to 5 icons (b) switches main sections (c) opens a list of pages (d) undoes one move
10. 10.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True
11. 11.🎨 UI stands for user ___. (a) interface (b) internet (c) idea (d) input
12. 12.True or false: how users feel after is about UI (the look). (a) True (b) False
13. 13.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) pick a dish (b) track the order
14. 14.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ title text ]
    [ menu icon ] (a) menu icon (b) filter buttons (c) title text (d) top bar
15. 15.💾 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
16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Video”
    4. tap the Feed tab
    5. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
17. 17.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a dead end (d) a random page
18. 18.Which of these is about UX (the experience)? (a) the icon shapes (b) the button colours (c) whether users get lost (d) the theme colours
19. 19.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
20. 20.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 56 px tall
    Done button: 56 px tall
    Back button: 40 px tall
    Next button: 36 px tall
21. 21.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
22. 22.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) shows the real fonts (d) shows where things go
23. 23.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
24. 24.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) goes to the last screen (d) shows 3 to 5 icons
25. 25.Which of these is true of a final design? (a) has the real colours (b) is a quick sketch (c) shows where things go (d) uses plain grey boxes
26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Quiz tab
    4. open “Friend list”
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
28. 28.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
29. 29.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ Save button ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    [ search box ] (a) menu icon (b) tab bar (c) search box (d) Save button
30. 30.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) read a question (b) see the final score
31. 31.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) take the photo (c) add a filter (d) post the photo
32. 32.🔘 Our rule: buttons are at least 48 px tall. The Save button is 28 px tall. How many px taller must it be?
33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Cart → Confirm
    Design B: Home → Pens → Pay (a) Design B (b) Design A
34. 34.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
35. 35.Which of these is true of a tab bar? (a) hides extra links (b) goes to the last screen (c) opens a list of pages (d) shows 3 to 5 icons
36. 36.True or false: a big, easy tap area is good button design. (a) False (b) True
37. 37.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    [ title text ] (a) filter buttons (b) list of items (c) title text (d) Save button
38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Menu → Pens → Cart → Confirm
    Design B: Home → Search → Confirm (a) Design A (b) Design B
39. 39.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) make a password (c) type name and email (d) see the home screen
40. 40.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) track the order (c) check the cart (d) pay for the order

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