App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 217 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Shop → Menu → Confirm → Results → Pens
   Design B: Home → Shop → Menu → Search → Item → Cart → Pay
2. 2.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
3. 3.Which of these is about UI (the look)? (a) whether users get lost (b) the font size (c) how easy sign-up is (d) how users feel after
4. 4.💾 What does this code show? (Positions start at 0.)
   let friends = ["Aman", "Meera", "Riya", "Arjun", "Kabir"];
   show(friends[4]); (a) Meera (b) Aman (c) Riya (d) Kabir
5. 5.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
6. 6.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
7. 7.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Confirm → Shop
   Design B: Home → Search → Address → Pay → Menu
8. 8.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) uses plain grey boxes (d) looks like the real app
9. 9.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) a menu button (c) the back button
10. 10.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
11. 11.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
12. 12.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Next button: 40 px tall
    Save button: 44 px tall
13. 13.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) real users (d) only yourself
14. 14.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) a bigger app (c) more colours (d) worse UX
15. 15.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
16. 16.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) uses the final pictures (d) shows where things go
17. 17.True or false: strong colour contrast is good button design. (a) False (b) True
18. 18.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 36 px tall
    Cancel button: 52 px tall
    Next button: 52 px tall
    Save button: 56 px tall (a) Back (b) Cancel (c) Next (d) Save
20. 20.Which colour pair is easy to read? (a) dark blue on black (b) black on yellow (c) yellow on white (d) light grey on white
21. 21.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
22. 22.🔢 In a sign-up flow, what comes right after “make a password”? (a) type name and email (b) open the app (c) tap “Sign up” (d) enter the code sent
23. 23.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Monsoon", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Kites (b) Monsoon (c) Rain
24. 24.🔢 In a quiz-app flow, which comes first: “see if it is right” or “see the final score”? (a) see the final score (b) see if it is right
25. 25.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Confirm → Pens → Item → Cart → Pay
    Design B: Home → Offers → Pens → Size → Menu → Shop
27. 27.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ search box ]
    [ big picture ]
    [ title text ]
    [ top bar ] (a) search box (b) big picture (c) title text
28. 28.True or false: strong colour contrast is poor button design. (a) False (b) True
29. 29.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) tap “Start quiz” (c) pick an answer (d) see if it is right
30. 30.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
31. 31.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ title text ]
    [ list of items ]
    [ Add button ]
    [ menu icon ] (a) menu icon (b) title text (c) list of items (d) Add button
32. 32.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
33. 33.True or false: “icons with no labels” makes the app harder to use. (a) False (b) True
34. 34.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a text label (c) a sound (d) a long animation
35. 35.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 44 px tall
    Start button: 64 px tall
    Done button: 52 px tall
    Next button: 52 px tall
36. 36.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
37. 37.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
38. 38.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) type name and email (c) enter the code sent (d) tap “Sign up”
39. 39.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Shop → Search → Pay
    Design B: Home → Address → Shop

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