App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 566 · 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 has 11 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
2. 2.🔢 In a quiz-app flow, which comes first: “see the final score” or “pick an answer”? (a) see the final score (b) pick an answer
3. 3.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
4. 4.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see if it is right (b) tap “Start quiz” (c) read a question (d) see the final score
5. 5.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
6. 6.🔢 In a food-order flow, what comes right after “pick a dish”? (a) add it to the cart (b) open the menu (c) pay for the order (d) check the cart
7. 7.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
8. 8.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) post the photo (b) add a filter
9. 9.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
10. 10.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 27 px
    Body text: 19 px
    Footer: 16 px
    Menu: 9 px (a) Hint (b) Menu (c) Footer (d) Body text
12. 12.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 44 px tall
    Back button: 64 px tall
    Cancel button: 32 px tall
    Next button: 36 px tall
13. 13.True or false: a wireframe shows the real fonts. (a) False (b) True
14. 14.♿ Why add captions to videos? (a) to add colour (b) to slow them down (c) so anyone can follow (d) to hide the sound
15. 15.True or false: icons with no meaning is good button design. (a) True (b) False
16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Menu → Offers → Results
    Design B: Home → Item → Search → Pay
17. 17.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Address → Confirm → Menu
    Design B: Home → Pay → Pens → Search → Offers → Item (a) Design A (b) Design B
19. 19.True or false: a big, easy tap area is poor button design. (a) False (b) True
20. 20.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
21. 21.True or false: how fast a task is done is about UI (the look). (a) True (b) False
22. 22.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ Save button ]
    [ Add button ]
    [ tab bar ]
    [ top bar ] (a) top bar (b) search box (c) Add button (d) Save button
23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 19 px
    Title: 23 px
    Hint: 13 px
    Body text: 12 px
24. 24.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) the screen turns off (c) you send a message (d) the app is closed
25. 25.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) a bigger app (c) worse UX (d) better UX
26. 26.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) pick an answer (c) read a question (d) tap “Start quiz”
27. 27.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) a menu button (c) the back button
28. 28.Which colour pair is easy to read? (a) white on black (b) pale pink on white (c) red on green (d) light grey on white
29. 29.🎨 UX stands for user ___. (a) example (b) extra (c) experience (d) express
30. 30.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
31. 31.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses plain grey boxes (d) looks like the real app
32. 32.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) the font size (d) how many taps it takes
33. 33.♿ A screen has 12 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
34. 34.♿ A screen has 10 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 40 px tall. How many px taller must it be?
36. 36.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
37. 37.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
38. 38.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Friend list”
    3. open “Badges”
    4. tap Back
    Which screen are you on now? (a) Badges (b) Friend list (c) Search (d) Home
39. 39.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ search box ]
    [ title text ]
    [ list of items ] (a) search box (b) list of items (c) title text
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Profile tab
    3. open “Map”
    Which screen are you on now? (a) Search (b) Profile (c) Map (d) Home

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