App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 198 · 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.True or false: a final design shows the real fonts. (a) True (b) False
2. 2.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
3. 3.Which of these is about UX (the experience)? (a) the screen layout (b) the font size (c) how fast a task is done (d) the icon shapes
4. 4.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) how easy sign-up is (d) the font size
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Address → Item
   Design B: Home → Offers → Search → Confirm
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 13 px
   Hint: 19 px
   Footer: 23 px (a) Hint (b) Label (c) Footer
7. 7.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pick a dish (c) track the order (d) open the menu
8. 8.🔍 Which is the odd one out? (a) the icon shapes (b) whether users get lost (c) the theme colours (d) the font size
9. 9.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
10. 10.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) shows the real fonts (d) uses plain grey boxes
11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 52 px tall
    Help button: 56 px tall
    Start button: 32 px tall (a) Done (b) Start (c) Help
12. 12.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see the final score (d) see if it is right
13. 13.💾 Which can hold many values in order? (a) a switch (b) a single number (c) a list (d) a button
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Results → Search → Shop → Item → Menu
    Design B: Home → Pay → Confirm → Address
15. 15.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
16. 16.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) enter the code sent (c) see the home screen (d) open the app
17. 17.True or false: “big touch targets” makes the app harder to use. (a) True (b) False
18. 18.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Pens → Address → Menu
    Design B: Home → Shop → Pay → Menu → Cart → Address
20. 20.💾 What does this code show? (Positions start at 0.)
    let songs = ["Ocean", "Stars", "Kites", "Rain"];
    show(songs[1]); (a) Ocean (b) Rain (c) Stars (d) Kites
21. 21.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Address → Pay → Search → Cart → Results
    Design B: Home → Pens → Item → Address
23. 23.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
24. 24.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
25. 25.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) pick a dish (b) open the menu
26. 26.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) check the cart (b) add it to the cart
27. 27.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
28. 28.🔢 In a food-order flow, which comes first: “track the order” or “pay for the order”? (a) track the order (b) pay for the order
29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ big picture ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    [ list of items ]
30. 30.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it saves data (c) it adds colours (d) changes are quick
31. 31.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ menu icon ]
    [ filter buttons ]
    [ search box ]
    [ Save button ]
    [ tab bar ]
    [ list of items ] (a) list of items (b) search box (c) Save button (d) tab bar
32. 32.Which of these fits saving on the phone? (a) a shared to-do list (b) your last game level (c) photos on two devices (d) chat messages to friends
33. 33.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) tab bar (d) shortcut
34. 34.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a microphone (d) a 3D printer
35. 35.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
36. 36.💾 What number does this code show?
    let stars = 7;
    stars = stars - 2;
    stars = stars + 4;
    show(stars);
37. 37.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Menu → Search → Results
    Design B: Home → Address → Pens
39. 39.True or false: grey text on grey is good button design. (a) True (b) False
40. 40.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) goes to the last screen

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