App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 803 · 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 about UI (the look)? (a) whether users get lost (b) how many taps it takes (c) the icon shapes (d) how users feel after
2. 2.✏️ What is a wireframe? (a) a type of password (b) the finished app (c) a simple screen sketch (d) a charging cable
3. 3.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ search box ]
   [ filter buttons ]
   [ Save button ]
   [ top bar ]
   [ title text ] (a) search box (b) title text (c) filter buttons (d) top bar
4. 4.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
5. 5.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) switches main sections (d) undoes one move
6. 6.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
7. 7.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Title: 24 px
   Menu: 10 px
   Body text: 18 px
   Caption: 10 px
   Footer: 18 px
8. 8.True or false: a wireframe has the real colours. (a) False (b) True
9. 9.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) pick a dish (c) track the order (d) pay for the order
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Search
    Design B: Home → Results → Cart → Address → Pens → Item
11. 11.💾 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
12. 12.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
13. 13.True or false: “labels on every icon” helps everyone use the app. (a) True (b) False
14. 14.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
15. 15.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
16. 16.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
17. 17.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “type name and email”? (a) type name and email (b) tap “Sign up”
18. 18.True or false: how many taps it takes is about UI (the look). (a) False (b) True
19. 19.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
20. 20.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 16 px
    Menu: 19 px
    Footer: 11 px (a) Footer (b) Menu (c) Label
21. 21.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) closes all apps (d) goes to the last screen
22. 22.True or false: how users feel after is about UX (the experience). (a) True (b) False
23. 23.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 44 px tall
    Start button: 56 px tall
    Cancel button: 52 px tall
    Help button: 52 px tall (a) Start (b) Save (c) Cancel (d) Help
24. 24.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
25. 25.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) home screen (d) dead end
26. 26.True or false: the theme colours is about UI (the look). (a) False (b) True
27. 27.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption
28. 28.🔍 Which is the odd one out? (a) how many taps it takes (b) the font size (c) how fast a task is done (d) how easy sign-up is
29. 29.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Confirm
    Design B: Home → Search → Item → Pens
30. 30.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
31. 31.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) add a filter (d) post the photo
32. 32.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
33. 33.Which of these is true of a final design? (a) has the real colours (b) shows where things go (c) is a quick sketch (d) has no real colours
34. 34.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
35. 35.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) post the photo (b) add a filter
36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pens → Results → Item → Address → Confirm
    Design B: Home → Address → Item (a) Design B (b) Design A
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Settings tab
    3. open “Score card”
    4. open “Match report”
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
38. 38.True or false: grey text on grey is poor button design. (a) False (b) True
39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 20 px
    Label: 23 px
    Body text: 9 px (a) Footer (b) Label (c) Body text
40. 40.🔢 In a food-order flow, which comes first: “open the menu” or “pay for the order”? (a) open the menu (b) pay for the order

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