App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 937 · 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.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
2. 2.💾 What number does this code show?
   let songs = ["Rain", "Kites", "Monsoon", "Sunrise"];
   songs.push("Ocean");
   show(songs.length);
3. 3.True or false: how many taps it takes is about UX (the experience). (a) True (b) False
4. 4.🔢 In a food-order flow, which comes first: “pay for the order” or “pick a dish”? (a) pay for the order (b) pick a dish
5. 5.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
6. 6.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
7. 7.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) add it to the cart (b) check the cart
8. 8.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) dark blue on white (d) pale pink on white
9. 9.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) white on black (d) red on green
10. 10.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
11. 11.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
12. 12.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 2 (c) 1 (d) 0
13. 13.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) add a filter (b) write a caption
14. 14.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) is a quick sketch (d) shows the real fonts
15. 15.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
16. 16.True or false: a wireframe shows where things go. (a) True (b) False
17. 17.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) a random page (c) the phone settings (d) that tab’s main screen
18. 18.🔢 In a photo-post flow, which comes first: “add a filter” or “open the camera screen”? (a) add a filter (b) open the camera screen
19. 19.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
20. 20.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) the path through screens (d) a type of font
21. 21.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
22. 22.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) yellow on white (d) dark blue on white
23. 23.💾 What is a variable? (a) a named box for a value (b) a type of screen (c) a picture (d) a phone setting
24. 24.True or false: space between buttons is good button design. (a) True (b) False
25. 25.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
26. 26.True or false: buttons almost touching is poor button design. (a) True (b) False
27. 27.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 60 px tall
    Start button: 44 px tall
    Cancel button: 44 px tall
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Confirm
    Design B: Home → Menu → Results → Confirm → Pens
29. 29.🔘 Our rule: buttons are at least 48 px tall. The Done button is 36 px tall. How many px taller must it be?
30. 30.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ Add button ]
    [ top bar ]
    [ tab bar ]
    [ menu icon ] (a) Add button (b) menu icon (c) top bar
31. 31.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ search box ]
    [ tab bar ]
    [ top bar ]
    [ Add button ]
    [ list of items ]
    [ menu icon ] (a) top bar (b) tab bar (c) menu icon (d) list of items
32. 32.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
33. 33.Which colour pair is easy to read? (a) red on green (b) light grey on white (c) dark blue on black (d) black on yellow
34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Edit photo”
    4. tap Back
    5. open “Friend list”
    Which screen are you on now? (a) Edit photo (b) Quiz (c) Friend list (d) Lessons
35. 35.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a menu button (c) a tab bar
36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Confirm → Item → Results
    Design B: Home → Menu → Cart → Size → Offers → Address
37. 37.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Menu → Item → Results → Address
    Design B: Home → Offers → Size (a) Design B (b) Design A
38. 38.✏️ What is a wireframe? (a) a type of password (b) a simple screen sketch (c) a charging cable (d) the finished app
39. 39.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ Save button ]
    [ tab bar ]
    [ top bar ]
    [ menu icon ]
    [ filter buttons ]
    [ Add button ] (a) menu icon (b) top bar (c) Save button (d) Add button
40. 40.🔢 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

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