App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 836 · 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 colour pair is hard to read? (a) white on dark green (b) dark blue on white (c) black on yellow (d) light grey on white
2. 2.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) track the order (b) check the cart (c) pay for the order (d) pick a dish
3. 3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 64 px tall
   Send button: 44 px tall
   Done button: 60 px tall (a) Next (b) Send (c) Done
4. 4.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
5. 5.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
6. 6.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ title text ]
   [ menu icon ]
   [ search box ]
   [ tab bar ]
   [ Save button ] (a) Save button (b) menu icon (c) title text (d) tab bar
7. 7.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Menu: 18 px
   Title: 9 px
   Label: 26 px (a) Menu (b) Label (c) Title
8. 8.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) pick a dish (c) check the cart (d) open the menu
9. 9.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
10. 10.🔢 In a food-order flow, which comes FIRST? (a) pick a dish (b) open the menu (c) pay for the order (d) check the cart
11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 11 px
    Hint: 11 px
    Body text: 16 px
    Title: 19 px
    Footer: 23 px
12. 12.🔘 Our rule: buttons are at least 48 px tall. The Save button is 28 px tall. How many px taller must it be?
13. 13.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
14. 14.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) so each step is clear (d) to skip testing
15. 15.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
16. 16.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Chat tab
    3. open “Edit photo”
    4. tap the Settings tab
    5. open “Score card”
    Which screen are you on now? (a) Edit photo (b) Match report (c) Feed (d) Score card
18. 18.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Science", "Music", "Maths", "Hindi"];
    show(notes[4]); (a) Art (b) Music (c) Science (d) Hindi
19. 19.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
20. 20.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the server (c) the battery (d) fast typists
21. 21.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a tab bar (c) a menu button
22. 22.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
23. 23.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) an error (c) delete this (d) a closed app
24. 24.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 32 px tall
    Help button: 68 px tall
    Next button: 72 px tall (a) Help (b) Next (c) Start
25. 25.True or false: a final design uses the final pictures. (a) False (b) True
26. 26.🔍 Which is the odd one out? (a) the font size (b) the button colours (c) the screen layout (d) how easy sign-up is
27. 27.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) icons with no labels (d) big touch targets
28. 28.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) how users feel after (d) the theme colours
29. 29.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) write a caption (d) post the photo
30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Match report”
    3. open “Badges”
    4. open “Badges”
    5. open “Badges”
    Which screen are you on now? (a) Badges (b) Feed (c) Chat (d) Match report
31. 31.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 24 px
    Label: 23 px
    Title: 26 px
    Hint: 13 px (a) Menu (b) Label (c) Title (d) Hint
32. 32.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) the last app used (d) a random page
33. 33.🔢 In a food-order flow, what comes right after “pick a dish”? (a) add it to the cart (b) pay for the order (c) open the menu (d) check the cart
34. 34.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) to slow them down (d) so anyone can follow
35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Me tab
    3. open “Help page”
    4. tap Back
    5. open “Score card”
    Which screen are you on now? (a) Lessons (b) Score card (c) Help page (d) Quiz
36. 36.True or false: a wireframe shows the real fonts. (a) True (b) False
37. 37.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) open the app (c) make a password (d) tap “Sign up”
38. 38.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
39. 39.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
40. 40.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) home screen (d) dead end

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