App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 221 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Confirm → Pens
   Design B: Home → Cart → Pens → Confirm → Size → Shop → Search (a) Design B (b) Design A
2. 2.True or false: notes to read offline fits saving on the phone. (a) False (b) True
3. 3.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
4. 4.♿ Accessibility means an app works for ___. (a) only the coder (b) only experts (c) everyone (d) nobody
5. 5.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Back button: 32 px tall
   Next button: 52 px tall
   Done button: 36 px tall
   Save button: 52 px tall
6. 6.💾 What does this code show? (Positions start at 0.)
   let songs = ["Kites", "Sunrise", "Stars"];
   show(songs[2]); (a) Stars (b) Kites (c) Sunrise
7. 7.True or false: “colour as the only clue” makes the app harder to use. (a) True (b) False
8. 8.💾 What does this code show? (Positions start at 0.)
   let notes = ["Art", "Science", "Maths", "Sports"];
   show(notes[2]); (a) Science (b) Sports (c) Art (d) Maths
9. 9.🔢 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
10. 10.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) in the middle (d) at the bottom
11. 11.Which of these is about UI (the look)? (a) how easy sign-up is (b) how users feel after (c) whether users get lost (d) the screen layout
12. 12.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ top bar ]
    [ filter buttons ]
    [ list of items ]
    [ Add button ] (a) top bar (b) list of items (c) Add button
13. 13.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) a shared to-do list (d) a draft you are typing
14. 14.True or false: a clear word like Save is good button design. (a) False (b) True
15. 15.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) shrink the app (c) use it on any device (d) never need a password
16. 16.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
17. 17.True or false: a wireframe has no real colours. (a) False (b) True
18. 18.Which of these is true of a final design? (a) looks like the real app (b) has no real colours (c) is a quick sketch (d) shows where things go
19. 19.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
20. 20.True or false: space between buttons is poor button design. (a) False (b) True
21. 21.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) make a password (b) type name and email
22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Start button: 52 px tall
    Save button: 32 px tall
23. 23.True or false: your last game level fits saving on the phone. (a) True (b) False
24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 40 px tall
    Next button: 36 px tall
    Done button: 32 px tall
25. 25.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) open the app (b) enter the code sent
26. 26.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the phone settings (c) the last app used (d) a random page
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Edit photo”
    3. open “Video”
    Which screen are you on now? (a) Video (b) Feed (c) Edit photo (d) Chat
28. 28.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ search box ]
    [ Add button ]
    [ tab bar ]
    [ menu icon ]
    [ title text ]
    [ top bar ] (a) tab bar (b) search box (c) Add button (d) title text
29. 29.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
30. 30.Which of these fits saving on the phone? (a) notes to read offline (b) photos on two devices (c) a class leaderboard (d) chat messages to friends
31. 31.🔘 Our rule: buttons are at least 48 px tall. The Send button is 36 px tall. How many px taller must it be?
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ title text ]
    [ Save button ] (a) Save button (b) top bar (c) big picture (d) title text
33. 33.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) better UX (d) more colours
34. 34.🔍 Which is the odd one out? (a) the screen layout (b) the theme colours (c) the icon shapes (d) whether users get lost
35. 35.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) the path through screens (d) a type of font
36. 36.🧭 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 “Video”
    How many times must you tap Back to reach the main screen of this tab?
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Feed tab
    3. open “Video”
    4. tap Back
    5. open “Map”
    Which screen are you on now? (a) Chat (b) Video (c) Map (d) Feed
38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ Add button ]
    [ search box ]
    [ tab bar ]
    [ menu icon ] (a) search box (b) Add button (c) menu icon (d) tab bar
39. 39.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
40. 40.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ menu icon ]
    [ tab bar ]
    [ top bar ]
    [ Add button ] (a) top bar (b) menu icon (c) tab bar

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