App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 156 · 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 quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see the final score (c) read a question (d) see if it is right
2. 2.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
3. 3.✏️ 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
4. 4.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
5. 5.True or false: icons with no meaning is poor button design. (a) True (b) False
6. 6.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) how users feel after (d) how fast a task is done
7. 7.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) a simple screen sketch (d) the finished app
8. 8.True or false: grey text on grey is poor button design. (a) True (b) False
9. 9.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
10. 10.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) strong colour contrast (d) fast-flashing lights
11. 11.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) shortcut (d) tab bar
12. 12.True or false: a wireframe uses plain grey boxes. (a) True (b) False
13. 13.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
14. 14.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) a shared to-do list (d) the sound on/off setting
15. 15.True or false: a tiny 20 px button is good button design. (a) True (b) False
16. 16.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) has the real colours (d) shows the real fonts
17. 17.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Cart → Menu → Pay → Results
    Design B: Home → Menu → Item → Results → Cart → Pay → Search
19. 19.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) the app is closed (c) the phone is lost (d) you send a message
20. 20.Which of these helps everyone use the app? (a) icons with no labels (b) colour as the only clue (c) big touch targets (d) tiny tap areas
21. 21.Which colour pair is hard to read? (a) dark blue on white (b) white on black (c) light grey on white (d) white on dark green
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Video”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
23. 23.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ tab bar ]
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ big picture ] (a) list of items (b) tab bar (c) Save button (d) search box
24. 24.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) how users feel after (d) the theme colours
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 23 px
    Footer: 18 px
    Title: 9 px (a) Title (b) Label (c) Footer
26. 26.Which of these is true of a final design? (a) shows the real fonts (b) has no real colours (c) is a quick sketch (d) uses plain grey boxes
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Confirm → Shop → Item
    Design B: Home → Shop → Search → Cart → Confirm → Pay → Pens (a) Design A (b) Design B
28. 28.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
29. 29.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) pick a dish (c) pay for the order (d) check the cart
30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Map”
    3. tap Back
    4. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
31. 31.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) shows where things go (d) looks like the real app
32. 32.💾 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
33. 33.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) take the photo (d) post the photo
34. 34.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) notes to read offline (d) a shared to-do list
35. 35.True or false: icons with no meaning is good button design. (a) True (b) False
36. 36.🎨 UI stands for user ___. (a) input (b) internet (c) idea (d) interface
37. 37.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) see the final score (b) read a question (c) pick an answer (d) tap “Start quiz”
38. 38.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
39. 39.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 11 px
    Body text: 10 px
    Label: 19 px
    Hint: 13 px
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Badges”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?

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