App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 759 · 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 “Help page”
   2. tap the Quiz tab
   3. open “Video”
   How many times must you tap Back to reach the main screen of this tab?
2. 2.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
3. 3.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. tap the Quiz tab
   3. open “Map”
   Which screen are you on now? (a) Map (b) Lessons (c) Quiz (d) Me
5. 5.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Send button: 56 px tall
   Done button: 64 px tall
   Cancel button: 64 px tall
   Save button: 36 px tall (a) Save (b) Cancel (c) Send (d) Done
6. 6.♿ A screen has 8 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
7. 7.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to hide the menu (c) to look busy (d) to use more battery
8. 8.💾 What number does this code show?
   let songs = ["Sunrise", "Stars"];
   songs.push("Kites");
   songs.push("Rain");
   show(songs.length);
9. 9.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the battery (c) the server (d) fast typists
10. 10.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a text label (c) a long animation (d) a sound
11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Match report”
    3. tap Back
    4. tap the Lessons tab
    5. tap the Me tab
    Which screen are you on now? (a) Match report (b) Lessons (c) Map (d) Me
12. 12.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 22 px
    Hint: 24 px
    Body text: 12 px
    Caption: 15 px
    Menu: 24 px
13. 13.Which of these is about UI (the look)? (a) whether users get lost (b) how many taps it takes (c) the button colours (d) how users feel after
14. 14.🔢 In a food-order flow, what comes right after “open the menu”? (a) add it to the cart (b) track the order (c) pick a dish (d) pay for the order
15. 15.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
16. 16.🔢 In a food-order flow, which comes first: “pay for the order” or “pick a dish”? (a) pay for the order (b) pick a dish
17. 17.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) a 3D printer (d) pencil and paper
18. 18.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) track the order (c) check the cart (d) pay for the order
19. 19.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 22 px
    Menu: 17 px
    Hint: 22 px
    Caption: 12 px
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ search box ]
    [ menu icon ]
    [ big picture ]
    [ Add button ]
21. 21.True or false: a tiny 20 px button is good button design. (a) True (b) False
22. 22.Which of these is true of a tab bar? (a) hides extra links (b) goes to the last screen (c) shows 3 to 5 icons (d) undoes one move
23. 23.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) so each step is clear (d) to add more taps
24. 24.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) captions on videos (d) fast-flashing lights
25. 25.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ top bar ]
    [ tab bar ]
    [ big picture ]
26. 26.True or false: how fast a task is done is about UI (the look). (a) True (b) False
27. 27.♿ A screen has 10 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
28. 28.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) tap “Sign up” (b) make a password
29. 29.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) a closed app (c) an error (d) delete this
30. 30.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a dead end (c) a random page (d) the same screen
31. 31.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Shop → Menu → Pens → Item → Pay
    Design B: Home → Search → Size → Menu (a) Design B (b) Design A
32. 32.💾 What number does this code show?
    let songs = ["Sunrise", "Kites"];
    songs.push("Ocean");
    show(songs.length);
33. 33.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
34. 34.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Save button is 44 px tall. How many px taller must it be?
36. 36.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ top bar ]
    [ menu icon ]
    [ list of items ]
    [ tab bar ]
    [ search box ] (a) search box (b) top bar (c) tab bar (d) menu icon
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 44 px tall. How many px taller must it be?
38. 38.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
39. 39.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) a charging cable (d) the path through screens
40. 40.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) the font size (d) how easy sign-up is

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