App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 428 · 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.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Caption: 25 px
   Title: 12 px
   Hint: 24 px (a) Title (b) Caption (c) Hint
2. 2.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
3. 3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Caption: 21 px
   Footer: 10 px
   Body text: 18 px (a) Footer (b) Body text (c) Caption
4. 4.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
5. 5.Which colour pair is easy to read? (a) white on black (b) light grey on white (c) pale pink on white (d) yellow on white
6. 6.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) open the camera screen (b) add a filter
7. 7.True or false: how many taps it takes is about UI (the look). (a) True (b) False
8. 8.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) how easy sign-up is (d) the theme colours
9. 9.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Cancel button: 64 px tall
   Next button: 36 px tall
   Send button: 48 px tall (a) Send (b) Cancel (c) Next
10. 10.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
11. 11.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) the sound on/off setting (d) chat messages to friends
12. 12.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a bright colour (c) a text label (d) a sound
13. 13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap the Lessons tab
    3. open “Score card”
    Which screen are you on now? (a) Lessons (b) Score card (c) Help page (d) Quiz
14. 14.True or false: notes to read offline fits saving on the phone. (a) False (b) True
15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ big picture ]
16. 16.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
17. 17.♿ A screen has 11 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
18. 18.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) add a filter (b) post the photo
19. 19.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
20. 20.Which of these makes the app harder to use? (a) text that can grow (b) labels on every icon (c) captions on videos (d) sudden loud sounds
21. 21.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) sits at the bottom (c) hides extra links (d) switches main sections
22. 22.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) the sound on/off setting (d) chat messages to friends
23. 23.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) worse UX (c) more colours (d) better UX
24. 24.🔢 In a food-order flow, which comes first: “open the menu” or “check the cart”? (a) open the menu (b) check the cart
25. 25.True or false: the screen layout is about UI (the look). (a) True (b) False
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 23 px
    Hint: 22 px
    Title: 14 px
    Body text: 27 px (a) Body text (b) Title (c) Footer (d) Hint
27. 27.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ filter buttons ]
    [ search box ]
    [ menu icon ]
    [ tab bar ]
28. 28.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Stars", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Rain (b) Kites (c) Stars
30. 30.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) check the cart (b) add it to the cart
31. 31.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
32. 32.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) yellow on white (d) white on black
33. 33.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) good UI but poor UX (d) no UI at all
34. 34.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) see the home screen (c) type name and email (d) enter the code sent
35. 35.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) pick an answer (b) see if it is right
36. 36.True or false: a final design shows the real fonts. (a) False (b) True
37. 37.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) make a password (c) open the app (d) see the home screen
38. 38.🎨 UI stands for user ___. (a) interface (b) input (c) internet (d) idea
39. 39.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
40. 40.True or false: a wireframe shows the real fonts. (a) True (b) False

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