App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 308 · 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 true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ tab bar ]
   [ menu icon ]
   [ filter buttons ] (a) menu icon (b) tab bar (c) big picture (d) filter buttons
3. 3.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
4. 4.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
5. 5.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Match report”
   2. open “Help page”
   3. open “Score card”
   4. tap the Settings tab
   How many times must you tap Back to reach the main screen of this tab?
6. 6.💾 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
7. 7.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
8. 8.Which of these is true of the back button? (a) hides extra links (b) switches main sections (c) opens a list of pages (d) goes to the last screen
9. 9.🔍 Which is the odd one out? (a) how fast a task is done (b) how many taps it takes (c) whether users get lost (d) the font size
10. 10.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
11. 11.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
12. 12.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
13. 13.🔍 Which is the odd one out? (a) the screen layout (b) the icon shapes (c) the font size (d) how users feel after
14. 14.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 52 px tall
    Next button: 60 px tall
    Send button: 52 px tall
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ tab bar ]
    [ search box ]
    [ big picture ]
    [ filter buttons ]
    [ menu icon ] (a) filter buttons (b) big picture (c) menu icon (d) tab bar
17. 17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 24 px tall
    Help button: 72 px tall
    Save button: 72 px tall
    Send button: 48 px tall (a) Back (b) Help (c) Save (d) Send
18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 13 px
    Body text: 16 px
    Menu: 21 px (a) Menu (b) Body text (c) Title
19. 19.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) a picture goes here (d) delete this
20. 20.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) check the cart (c) pay for the order (d) track the order
21. 21.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
22. 22.💾 pop() takes off the last item. What does this code show?
    let friends = ["Arjun", "Zoya", "Meera", "Kabir", "Aman"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Arjun (b) Meera (c) Kabir (d) Zoya
23. 23.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) take the photo (b) post the photo
24. 24.🔍 Which is the odd one out? (a) how users feel after (b) how many taps it takes (c) how fast a task is done (d) the icon shapes
25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Next button: 48 px tall
    Back button: 40 px tall
26. 26.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to add more taps (d) to hide the buttons
27. 27.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
28. 28.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ Add button ]
    [ top bar ]
    [ list of items ]
    [ menu icon ] (a) list of items (b) top bar (c) Add button (d) menu icon
29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ menu icon ]
    [ Save button ]
    [ list of items ]
    [ filter buttons ]
    [ top bar ]
30. 30.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
31. 31.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
32. 32.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 0 (c) 2 (d) 10
33. 33.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) a random page (c) the last app used (d) the phone settings
34. 34.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
35. 35.💾 What does this code show? (Positions start at 0.)
    let notes = ["Hindi", "Art", "Science"];
    show(notes[0]); (a) Art (b) Hindi (c) Science
36. 36.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) at the bottom (d) nowhere
37. 37.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) see if it is right (c) pick an answer (d) read a question
38. 38.Which of these is about UX (the experience)? (a) how fast a task is done (b) the screen layout (c) the button colours (d) the theme colours
39. 39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 36 px tall
    Done button: 56 px tall
    Send button: 48 px tall
    Back button: 32 px tall
40. 40.True or false: “strong colour contrast” helps everyone use the app. (a) True (b) False

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