App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 912 · 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.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
2. 2.True or false: grey text on grey is good button design. (a) False (b) True
3. 3.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) the font size (d) the icon shapes
4. 4.🧭 Why should every screen show where you are? (a) to use more battery (b) to hide the menu (c) to look busy (d) so users do not get lost
5. 5.Which of these fits saving on the phone? (a) a draft you are typing (b) chat messages to friends (c) photos on two devices (d) a shared to-do list
6. 6.🔢 In a photo-post flow, which comes first: “take the photo” or “add a filter”? (a) add a filter (b) take the photo
7. 7.💾 What number does this code show?
   let songs = ["Sunrise", "Monsoon", "Kites"];
   songs.push("Rain");
   songs.push("Ocean");
   show(songs.length);
8. 8.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
9. 9.True or false: grey text on grey is poor button design. (a) True (b) False
10. 10.True or false: whether users get lost is about UX (the experience). (a) True (b) False
11. 11.Which colour pair is easy to read? (a) white on dark green (b) dark blue on black (c) light grey on white (d) red on green
12. 12.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
13. 13.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) photos on two devices (d) the sound on/off setting
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ menu icon ]
    [ list of items ]
    [ top bar ]
15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Match report”
    3. open “Friend list”
    4. tap Back
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Size → Results
    Design B: Home → Pay → Search → Offers → Results → Shop → Pens
17. 17.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see if it is right (b) see the final score (c) read a question (d) pick an answer
18. 18.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) closes all apps (d) goes to the last screen
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Cancel button: 48 px tall
    Back button: 48 px tall
20. 20.True or false: how users feel after is about UX (the experience). (a) True (b) False
21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Cart → Item
    Design B: Home → Size → Pay → Results → Search → Confirm → Shop (a) Design B (b) Design A
22. 22.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 1 (c) 2 (d) 10
23. 23.True or false: the screen layout is about UX (the experience). (a) True (b) False
24. 24.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) use it on any device (c) never need a password (d) shrink the app
25. 25.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Item
    Design B: Home → Menu → Size → Pens → Pay → Shop → Search (a) Design A (b) Design B
26. 26.True or false: photos on two devices fits saving on the phone. (a) True (b) False
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Item → Pay → Address → Cart → Results
    Design B: Home → Size → Menu → Shop
28. 28.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) black on pale grey (d) dark blue on black
29. 29.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ menu icon ]
    [ tab bar ]
    [ search box ]
    [ Save button ] (a) menu icon (b) Save button (c) tab bar
30. 30.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) open the menu (c) track the order (d) pick a dish
31. 31.True or false: buttons almost touching is good button design. (a) False (b) True
32. 32.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) the server (c) colour-blind users (d) fast typists
33. 33.Which colour pair is easy to read? (a) red on green (b) white on black (c) pale pink on white (d) yellow on white
34. 34.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
35. 35.True or false: a final design shows where things go. (a) False (b) True
36. 36.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) read a question (b) pick an answer (c) tap “Start quiz” (d) see the final score
37. 37.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 15 px
    Hint: 19 px
    Label: 21 px
    Menu: 14 px
38. 38.True or false: a tiny 20 px button is poor button design. (a) False (b) True
39. 39.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
40. 40.True or false: a final design uses plain grey boxes. (a) False (b) True

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