App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 878 · 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 9 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
2. 2.True or false: a final design shows where things go. (a) True (b) False
3. 3.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) a random page (d) the last app used
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Lessons tab
   2. open “Match report”
   3. tap Back
   4. open “Map”
   Which screen are you on now? (a) Lessons (b) Match report (c) Quiz (d) Map
5. 5.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) open the app (b) enter the code sent (c) type name and email (d) make a password
6. 6.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
7. 7.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to hide the menu (c) to look busy (d) to use more battery
8. 8.True or false: a tiny 20 px button is poor button design. (a) False (b) True
9. 9.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
10. 10.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) tap “Start quiz” (c) read a question (d) see the final score
11. 11.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) has the real colours (d) uses plain grey boxes
12. 12.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) read a question (b) pick an answer
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Cart → Size → Confirm → Search → Item
    Design B: Home → Menu → Shop → Confirm → Pay → Size
14. 14.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 20 px
    Menu: 24 px
    Caption: 11 px
    Body text: 16 px (a) Label (b) Caption (c) Menu (d) Body text
16. 16.🎨 Who should you test the UX with? (a) real users (b) nobody (c) only yourself (d) the app icon
17. 17.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
18. 18.True or false: a wireframe looks like the real app. (a) True (b) False
19. 19.💾 What number does this code show?
    let notes = ["Art", "Maths"];
    notes.push("Music");
    show(notes.length);
20. 20.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
21. 21.True or false: grey text on grey is poor button design. (a) False (b) True
22. 22.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) read a question
23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Badges”
    4. tap Back
    Which screen are you on now? (a) Search (b) Badges (c) Home (d) Match report
24. 24.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) shows the real fonts (d) uses the final pictures
25. 25.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
26. 26.🔢 In a food-order flow, which comes first: “pick a dish” or “check the cart”? (a) check the cart (b) pick a dish
27. 27.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) see the home screen (c) make a password (d) enter the code sent
28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ Add button ]
    [ top bar ]
    [ tab bar ] (a) top bar (b) tab bar (c) Add button (d) Save button
29. 29.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) good UX but poor UI (d) no UI at all
30. 30.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ top bar ]
    [ big picture ]
    [ filter buttons ]
    [ Save button ] (a) filter buttons (b) Save button (c) top bar
31. 31.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
32. 32.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
33. 33.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) take the photo (b) write a caption
34. 34.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) shows where things go (d) shows the real fonts
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Score card”
    3. open “Video”
    4. tap Back
    Which screen are you on now? (a) Video (b) Score card (c) Friend list (d) Feed
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 56 px tall
    Cancel button: 24 px tall
    Next button: 60 px tall
    Done button: 68 px tall (a) Next (b) Cancel (c) Start (d) Done
37. 37.True or false: “labels on every icon” makes the app harder to use. (a) False (b) True
38. 38.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) the button colours (d) the font size
39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Map”
    3. tap Back
    Which screen are you on now? (a) Map (b) Feed (c) Chat (d) Score card
40. 40.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design

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