App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 630 · 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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Video”
   2. open “Help page”
   3. tap the Lessons tab
   4. open “Help page”
   5. tap Back
   Which screen are you on now? (a) Video (b) Quiz (c) Lessons (d) Help page
2. 2.True or false: your last game level fits saving on the phone. (a) False (b) True
3. 3.💾 What number does this code show?
   let coins = 7;
   coins = coins - 4;
   coins = coins + 3;
   show(coins);
4. 4.♿ A screen has 12 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
5. 5.Which colour pair is hard to read? (a) black on yellow (b) dark blue on white (c) white on dark green (d) dark blue on black
6. 6.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
7. 7.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) nowhere (d) inside a button
8. 8.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Edit photo”
   2. open “Badges”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
10. 10.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) is a quick sketch (d) has the real colours
11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Search → Address → Menu → Size → Cart
    Design B: Home → Search → Confirm → Pens → Item → Address
12. 12.💾 Which can hold many values in order? (a) a switch (b) a single number (c) a button (d) a list
13. 13.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
14. 14.Which colour pair is easy to read? (a) white on black (b) red on green (c) light grey on white (d) yellow on white
15. 15.🔍 Which is the odd one out? (a) big touch targets (b) fast-flashing lights (c) sudden loud sounds (d) icons with no labels
16. 16.True or false: a tiny 20 px button is poor button design. (a) False (b) True
17. 17.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a dead end (d) a clear next step
18. 18.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
19. 19.🔀 What is a user flow? (a) the path through screens (b) a type of font (c) a colour theme (d) a charging cable
20. 20.♿ A screen has 10 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
21. 21.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) light grey on white (d) black on pale grey
22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Item
    Design B: Home → Size → Offers → Menu (a) Design B (b) Design A
23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Me tab
    3. open “Friend list”
    Which screen are you on now? (a) Quiz (b) Friend list (c) Lessons (d) Me
24. 24.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) light grey on white (d) white on dark green
25. 25.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) open the menu (c) add it to the cart (d) pay for the order
26. 26.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
27. 27.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ menu icon ]
    [ big picture ]
    [ title text ]
    [ list of items ]
    [ Save button ] (a) menu icon (b) Save button (c) title text (d) big picture
28. 28.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) open the app (b) tap “Sign up”
29. 29.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
30. 30.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ Add button ]
    [ Save button ]
    [ search box ]
    [ top bar ]
    [ menu icon ]
    [ tab bar ] (a) tab bar (b) menu icon (c) top bar (d) Add button
31. 31.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
32. 32.Which of these makes the app harder to use? (a) strong colour contrast (b) text that can grow (c) colour as the only clue (d) captions on videos
33. 33.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) light grey on white (d) dark blue on white
34. 34.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pick a dish (c) open the menu (d) pay for the order
35. 35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 25 px
    Footer: 17 px
    Hint: 14 px
    Body text: 21 px
    Menu: 18 px (a) Footer (b) Body text (c) Hint (d) Title
36. 36.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
37. 37.Which colour pair is hard to read? (a) black on pale grey (b) light grey on white (c) white on black (d) black on yellow
38. 38.♿ Why add captions to videos? (a) to add colour (b) so anyone can follow (c) to hide the sound (d) to slow them down
39. 39.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Results
    Design B: Home → Menu → Item → Shop (a) Design B (b) Design A
40. 40.🔢 In a photo-post flow, which comes first: “post the photo” or “open the camera screen”? (a) open the camera screen (b) post the photo

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