App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 280 · 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 white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Help button: 44 px tall
   Cancel button: 68 px tall
   Send button: 68 px tall
   Start button: 56 px tall (a) Start (b) Cancel (c) Send (d) Help
3. 3.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the theme colours (d) how fast a task is done
4. 4.♿ Accessibility means an app works for ___. (a) only experts (b) everyone (c) nobody (d) only the coder
5. 5.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Save button ]
   [ big picture ]
   [ title text ]
   [ top bar ]
   [ list of items ]
   [ search box ] (a) top bar (b) big picture (c) search box (d) title text
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Pens → Offers → Search
   Design B: Home → Confirm → Results
7. 7.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Address → Item → Results
   Design B: Home → Results → Pens → Shop → Cart → Pay → Search
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Edit photo”
   2. tap the Home tab
   3. open “Score card”
   4. open “Map”
   5. open “Friend list”
   Which screen are you on now? (a) Friend list (b) Map (c) Score card (d) Edit photo
9. 9.🔍 Which is the odd one out? (a) captions on videos (b) sudden loud sounds (c) labels on every icon (d) big touch targets
10. 10.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) a random page (c) the phone settings (d) the last app used
11. 11.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) read a question (d) see the final score
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. tap the Feed tab
    Which screen are you on now? (a) Settings (b) Feed (c) Match report (d) Chat
13. 13.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Monsoon", "Kites", "Stars"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Sunrise (b) Monsoon (c) Stars (d) Kites
14. 14.🔢 In a photo-post flow, which comes first: “take the photo” or “add a filter”? (a) take the photo (b) add a filter
15. 15.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
16. 16.🔍 Which is the odd one out? (a) the theme colours (b) how users feel after (c) the icon shapes (d) the button colours
17. 17.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see if it is right (c) see the final score (d) read a question
18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Address → Offers → Item
    Design B: Home → Cart → Offers → Size (a) Design A (b) Design B
19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 60 px tall
    Start button: 32 px tall
    Cancel button: 72 px tall
    Help button: 52 px tall (a) Start (b) Cancel (c) Help (d) Save
20. 20.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Maths (c) Music
21. 21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 52 px tall
    Next button: 44 px tall
    Done button: 60 px tall
22. 22.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
23. 23.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) pick a dish (c) open the menu (d) add it to the cart
24. 24.🔢 In a photo-post flow, what comes right after “write a caption”? (a) open the camera screen (b) take the photo (c) add a filter (d) post the photo
25. 25.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
26. 26.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
27. 27.🔢 In a food-order flow, which comes first: “open the menu” or “check the cart”? (a) check the cart (b) open the menu
28. 28.💾 What is a variable? (a) a named box for a value (b) a picture (c) a phone setting (d) a type of screen
29. 29.Which of these is true of a wireframe? (a) is a quick sketch (b) shows the real fonts (c) uses the final pictures (d) has the real colours
30. 30.True or false: a wireframe uses the final pictures. (a) True (b) False
31. 31.Which of these helps everyone use the app? (a) tiny tap areas (b) icons with no labels (c) big touch targets (d) fast-flashing lights
32. 32.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) worse UX (c) better UX (d) more colours
33. 33.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
34. 34.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) the sound on/off setting (d) a shared to-do list
35. 35.Which of these helps everyone use the app? (a) fast-flashing lights (b) icons with no labels (c) labels on every icon (d) colour as the only clue
36. 36.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) post the photo (c) write a caption (d) add a filter
37. 37.Which of these is about UI (the look)? (a) the theme colours (b) whether users get lost (c) how fast a task is done (d) how easy sign-up is
38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Pay → Pens → Search → Menu → Confirm
    Design B: Home → Menu → Shop → Item (a) Design A (b) Design B
39. 39.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) enter the code sent (c) tap “Sign up” (d) make a password
40. 40.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption

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