App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 619 · 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.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the phone is lost (d) the screen turns off
2. 2.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
3. 3.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) use it on any device (c) skip the internet (d) never need a password
4. 4.🎨 UX stands for user ___. (a) example (b) express (c) extra (d) experience
5. 5.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) post the photo (c) write a caption (d) add a filter
6. 6.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
   [ title text ]
   [ tab bar ]
   [ filter buttons ]
   [ top bar ] (a) title text (b) filter buttons (c) top bar
7. 7.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a clear next step (c) a random page (d) the same screen
8. 8.True or false: a final design uses plain grey boxes. (a) False (b) True
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Menu: 10 px
   Title: 20 px
   Caption: 10 px
   Footer: 19 px
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Score card”
    3. open “Friend list”
    Which screen are you on now? (a) Feed (b) Match report (c) Friend list (d) Score card
11. 11.True or false: a class leaderboard fits saving in the cloud. (a) False (b) True
12. 12.Which of these is about UX (the experience)? (a) the icon shapes (b) the button colours (c) how fast a task is done (d) the theme colours
13. 13.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ tab bar ]
    [ list of items ]
    [ search box ]
    [ Save button ]
    [ big picture ] (a) Save button (b) search box (c) big picture (d) tab bar
14. 14.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
15. 15.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it adds colours (d) it runs the app
16. 16.True or false: a big, easy tap area is good button design. (a) False (b) True
17. 17.True or false: buttons almost touching is poor button design. (a) True (b) False
18. 18.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
19. 19.🔍 Which is the odd one out? (a) the icon shapes (b) the theme colours (c) whether users get lost (d) the screen layout
20. 20.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) take the photo (c) open the camera screen (d) post the photo
21. 21.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the server (d) the battery
22. 22.💾 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
23. 23.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 60 px tall
    Cancel button: 72 px tall
    Help button: 28 px tall
    Back button: 68 px tall (a) Cancel (b) Help (c) Save (d) Back
24. 24.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ tab bar ]
    [ list of items ]
    [ filter buttons ] (a) filter buttons (b) tab bar (c) list of items (d) title text
25. 25.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
26. 26.Which colour pair is hard to read? (a) yellow on white (b) dark blue on white (c) white on dark green (d) white on black
27. 27.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see the final score”? (a) see the final score (b) pick an answer
28. 28.Which of these makes the app harder to use? (a) strong colour contrast (b) big touch targets (c) labels on every icon (d) tiny tap areas
29. 29.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 12 px
    Label: 17 px
    Title: 17 px
    Caption: 18 px
30. 30.True or false: a final design shows where things go. (a) True (b) False
31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 19 px
    Menu: 16 px
    Caption: 23 px
32. 32.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
33. 33.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) see the home screen (c) enter the code sent (d) open the app
34. 34.🔢 In a food-order flow, what comes right after “pick a dish”? (a) check the cart (b) add it to the cart (c) track the order (d) open the menu
35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Lessons tab
    Which screen are you on now? (a) Lessons (b) Friend list (c) Quiz (d) Me
36. 36.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Results → Address → Confirm → Cart → Size
    Design B: Home → Cart → Menu → Shop → Results
38. 38.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
39. 39.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) the screen layout (d) the theme colours
40. 40.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) pick a dish (b) track the order

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