App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 215 · 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 is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) looks like the real app (d) has no real colours
2. 2.True or false: whether users get lost is about UI (the look). (a) False (b) True
3. 3.True or false: a wireframe has no real colours. (a) True (b) False
4. 4.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Offers → Shop → Menu → Address → Search
   Design B: Home → Pay → Pens → Offers → Cart
6. 6.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) add a filter (c) write a caption (d) take the photo
7. 7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pay → Search → Results → Pens
   Design B: Home → Confirm → Offers → Results → Search → Pens → Item (a) Design A (b) Design B
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Send button: 44 px tall
   Save button: 52 px tall
   Back button: 48 px tall (a) Save (b) Send (c) Back
9. 9.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
10. 10.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
11. 11.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Offers → Size
    Design B: Home → Pens → Cart → Menu → Search → Offers
13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 36 px tall
    Done button: 52 px tall
    Back button: 68 px tall
    Next button: 52 px tall (a) Next (b) Cancel (c) Done (d) Back
14. 14.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
15. 15.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a text label (c) a bright colour (d) a sound
16. 16.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
17. 17.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
18. 18.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 10 (c) 1 (d) 2
19. 19.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) open the app (c) make a password (d) see the home screen
20. 20.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
21. 21.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Next button: 60 px tall
    Save button: 36 px tall
    Help button: 48 px tall (a) Save (b) Help (c) Send (d) Next
23. 23.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
24. 24.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
25. 25.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) photos on two devices (d) a class leaderboard
26. 26.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Search → Pens → Offers
    Design B: Home → Shop → Offers → Size → Pens → Pay
28. 28.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) pick a dish (c) track the order (d) pay for the order
29. 29.🔢 In a food-order flow, which comes first: “track the order” or “pay for the order”? (a) pay for the order (b) track the order
30. 30.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ menu icon ]
    [ search box ]
    [ list of items ] (a) menu icon (b) big picture (c) search box (d) list of items
31. 31.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
32. 32.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ search box ]
    [ Save button ]
    [ menu icon ]
    [ tab bar ]
    [ top bar ]
    [ big picture ] (a) big picture (b) search box (c) menu icon (d) top bar
33. 33.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ tab bar ]
    [ Add button ]
    [ big picture ]
    [ title text ]
    [ filter buttons ] (a) Add button (b) big picture (c) filter buttons (d) tab bar
34. 34.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) that tab’s main screen (d) the phone settings
35. 35.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ search box ]
    [ top bar ]
    [ title text ]
    [ Save button ] (a) search box (b) Save button (c) title text
36. 36.💾 What number does this code show?
    let notes = ["Hindi", "Music"];
    notes.push("Science");
    notes.push("Maths");
    show(notes.length);
37. 37.🔍 Which is the odd one out? (a) how fast a task is done (b) how easy sign-up is (c) how users feel after (d) the button colours
38. 38.True or false: the font size is about UI (the look). (a) True (b) False
39. 39.🔍 Which is the odd one out? (a) whether users get lost (b) how many taps it takes (c) the icon shapes (d) how easy sign-up is
40. 40.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True

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