App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 967 · 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.Which of these fits saving on the phone? (a) your last game level (b) a shared to-do list (c) chat messages to friends (d) a class leaderboard
2. 2.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
   [ tab bar ]
   [ filter buttons ]
   [ Save button ]
   [ menu icon ]
   [ big picture ]
   [ search box ] (a) menu icon (b) big picture (c) tab bar (d) Save button
3. 3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Hint: 11 px
   Title: 19 px
   Menu: 21 px
   Caption: 10 px
4. 4.True or false: buttons almost touching is poor button design. (a) True (b) False
5. 5.Which of these fits saving on the phone? (a) notes to read offline (b) chat messages to friends (c) a shared to-do list (d) photos on two devices
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Quiz tab
   2. tap the Me tab
   3. open “Video”
   4. tap the Lessons tab
   Which screen are you on now? (a) Quiz (b) Me (c) Video (d) Lessons
7. 7.🔢 In a food-order flow, what comes right after “check the cart”? (a) add it to the cart (b) open the menu (c) pay for the order (d) track the order
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Send button: 52 px tall
   Save button: 28 px tall
   Help button: 64 px tall (a) Send (b) Help (c) Save
9. 9.🔍 Which is the odd one out? (a) the font size (b) the theme colours (c) how easy sign-up is (d) the icon shapes
10. 10.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings
11. 11.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
12. 12.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
13. 13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Lessons tab
    3. open “Help page”
    4. tap the Lessons tab
    Which screen are you on now? (a) Help page (b) Match report (c) Quiz (d) Lessons
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ top bar ]
    [ Add button ]
    [ title text ]
    [ big picture ]
15. 15.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
16. 16.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a type of password (d) a charging cable
17. 17.🧭 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
18. 18.True or false: space between buttons is good button design. (a) True (b) False
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Back button: 32 px tall
    Done button: 36 px tall
20. 20.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the phone is lost (c) the screen turns off (d) the app is closed
21. 21.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) black on pale grey (d) yellow on white
22. 22.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ top bar ]
    [ search box ]
    [ tab bar ] (a) tab bar (b) top bar (c) search box
23. 23.True or false: a wireframe uses plain grey boxes. (a) False (b) True
24. 24.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 1 (c) 10 (d) 2
25. 25.♿ A screen has 10 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
26. 26.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) changes are quick (d) it saves data
27. 27.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
28. 28.True or false: the icon shapes is about UX (the experience). (a) False (b) True
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    4. tap the Search tab
    5. open “Badges”
    Which screen are you on now? (a) Friend list (b) Home (c) Search (d) Badges
30. 30.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
31. 31.💾 Which can hold many values in order? (a) a switch (b) a button (c) a single number (d) a list
32. 32.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ filter buttons ] (a) menu icon (b) list of items (c) Save button
33. 33.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) add a filter (c) open the camera screen (d) take the photo
34. 34.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) add a filter (c) post the photo (d) write a caption
35. 35.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) home screen (d) dead end
36. 36.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ Add button ]
    [ title text ]
    [ menu icon ] (a) title text (b) Add button (c) big picture (d) menu icon
37. 37.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) pick a dish (b) track the order
38. 38.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) pick a dish (b) open the menu
39. 39.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    4. open “Edit photo”
    Which screen are you on now? (a) Search (b) Edit photo (c) Friend list (d) Home

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