App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 307 · 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 this good or poor button design: buttons almost touching? (a) poor design (b) good design
2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Next button: 40 px tall
   Save button: 36 px tall
   Done button: 60 px tall
   Cancel button: 40 px tall
3. 3.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) pick an answer (c) tap “Start quiz” (d) see the final score
4. 4.🖼️ How many parts (boxes) does this wireframe have?
   [ Save button ]
   [ filter buttons ]
   [ top bar ]
   [ tab bar ]
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Pay → Search → Menu → Results
   Design B: Home → Menu → Shop
6. 6.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) add it to the cart (c) track the order (d) pick a dish
7. 7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Start button: 40 px tall
   Save button: 52 px tall
   Send button: 64 px tall (a) Send (b) Save (c) Start
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Back button: 24 px tall
   Cancel button: 48 px tall
   Start button: 72 px tall (a) Back (b) Start (c) Cancel
9. 9.💾 What number does this code show?
   let score = 6;
   score = score - 6;
   score = score + 2;
   show(score);
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Item
    Design B: Home → Address → Item → Size
11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Shop → Cart → Search → Results → Pens
    Design B: Home → Menu → Cart
12. 12.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
13. 13.🔍 Which is the odd one out? (a) how users feel after (b) how easy sign-up is (c) the font size (d) how many taps it takes
14. 14.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
15. 15.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
16. 16.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) data saved on the phone (d) a cloud backup
17. 17.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
18. 18.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
19. 19.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
20. 20.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ tab bar ]
    [ Add button ]
    [ big picture ]
    [ list of items ] (a) list of items (b) tab bar (c) big picture
21. 21.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
22. 22.Which of these fits saving in the cloud? (a) a shared to-do list (b) a draft you are typing (c) your last game level (d) the sound on/off setting
23. 23.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ Save button ]
    [ big picture ]
    [ title text ]
    [ menu icon ]
    [ list of items ]
    [ top bar ] (a) big picture (b) menu icon (c) Save button (d) title text
24. 24.💾 What number does this code show?
    let friends = ["Riya", "Aman", "Kabir", "Zoya"];
    friends.push("Arjun");
    show(friends.length);
25. 25.💾 Which can hold many values in order? (a) a single number (b) a button (c) a switch (d) a list
26. 26.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
27. 27.🎨 UI stands for user ___. (a) input (b) internet (c) idea (d) interface
28. 28.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 36 px tall
    Send button: 64 px tall
    Start button: 48 px tall
29. 29.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Search → Pay → Address → Pens
    Design B: Home → Pay → Cart
31. 31.True or false: a final design has no real colours. (a) True (b) False
32. 32.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
33. 33.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    [ Save button ]
    [ filter buttons ] (a) menu icon (b) list of items (c) tab bar (d) Save button
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 72 px tall
    Cancel button: 36 px tall
    Send button: 56 px tall (a) Help (b) Send (c) Cancel
35. 35.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Results → Item → Pay → Pens → Address
    Design B: Home → Address → Confirm → Size → Pay → Cart
37. 37.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
38. 38.Which of these is about UX (the experience)? (a) the font size (b) the button colours (c) the theme colours (d) how users feel after
39. 39.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) looks like the real app (d) uses plain grey boxes
40. 40.True or false: a big, easy tap area is poor button design. (a) False (b) True

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