App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 115 · 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 this good or poor button design: buttons almost touching? (a) poor design (b) good design
2. 2.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) add it to the cart (c) pay for the order (d) pick a dish
3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Next button: 40 px tall
   Send button: 52 px tall
   Cancel button: 44 px tall
4. 4.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) a picture goes here (d) delete this
5. 5.🔘 Our rule: buttons are at least 48 px tall. The Send button is 40 px tall. How many px taller must it be?
6. 6.True or false: the button colours is about UI (the look). (a) False (b) True
7. 7.True or false: how users feel after is about UI (the look). (a) False (b) True
8. 8.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
9. 9.True or false: “labels on every icon” makes the app harder to use. (a) False (b) True
10. 10.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
11. 11.True or false: a wireframe uses plain grey boxes. (a) True (b) False
12. 12.Which of these is true of a wireframe? (a) shows the real fonts (b) uses plain grey boxes (c) looks like the real app (d) has the real colours
13. 13.💾 What number does this code show?
    let songs = ["Rain", "Sunrise"];
    songs.push("Stars");
    show(songs.length);
14. 14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 24 px tall
    Next button: 72 px tall
    Help button: 68 px tall (a) Send (b) Next (c) Help
15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ menu icon ]
    [ list of items ]
    [ filter buttons ]
    [ big picture ]
    [ search box ]
16. 16.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
17. 17.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 60 px tall
    Start button: 32 px tall
    Save button: 60 px tall
    Cancel button: 36 px tall
18. 18.True or false: a wireframe uses the final pictures. (a) True (b) False
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Chat tab
    3. open “Match report”
    Which screen are you on now? (a) Chat (b) Edit photo (c) Feed (d) Match report
20. 20.🔍 Which is the odd one out? (a) fast-flashing lights (b) sudden loud sounds (c) icons with no labels (d) captions on videos
21. 21.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
22. 22.💾 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
23. 23.🔢 In a food-order flow, which comes first: “add it to the cart” or “open the menu”? (a) open the menu (b) add it to the cart
24. 24.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ menu icon ]
    [ Add button ]
    [ search box ]
    [ big picture ] (a) big picture (b) menu icon (c) filter buttons (d) Add button
26. 26.True or false: a wireframe is a quick sketch. (a) False (b) True
27. 27.🔍 Which is the odd one out? (a) big touch targets (b) strong colour contrast (c) icons with no labels (d) labels on every icon
28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ menu icon ]
    [ filter buttons ]
    [ search box ]
    [ Add button ] (a) Add button (b) filter buttons (c) tab bar (d) search box
29. 29.🔀 Why plan the user flow before building? (a) to skip testing (b) so each step is clear (c) to hide the buttons (d) to add more taps
30. 30.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
31. 31.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) a class leaderboard (d) a draft you are typing
32. 32.🔢 In a photo-post flow, which comes first: “take the photo” or “add a filter”? (a) add a filter (b) take the photo
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 20 px tall. How many px taller must it be?
34. 34.♿ What does a screen reader do? (a) plays music (b) reads the screen aloud (c) makes text tiny (d) takes photos
35. 35.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
36. 36.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ search box ]
    [ Add button ]
    [ menu icon ]
    [ list of items ] (a) Add button (b) menu icon (c) search box
37. 37.True or false: a big, easy tap area is good button design. (a) False (b) True
38. 38.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 3 to 5 (c) 1 (d) 20
39. 39.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) deletes the page (d) goes to the last screen
40. 40.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?

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