App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 705 · 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.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 23 px
   Caption: 11 px
   Footer: 19 px (a) Footer (b) Caption (c) Label
2. 2.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
3. 3.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) check the cart (c) track the order (d) add it to the cart
4. 4.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the theme colours (d) the font size
5. 5.True or false: a clear word like Save is poor button design. (a) True (b) False
6. 6.♿ Why add captions to videos? (a) to slow them down (b) so anyone can follow (c) to add colour (d) to hide the sound
7. 7.🖼️ In this wireframe (top to bottom), what is right below the top bar?
   [ menu icon ]
   [ list of items ]
   [ big picture ]
   [ top bar ]
   [ tab bar ] (a) menu icon (b) big picture (c) list of items (d) tab bar
8. 8.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
9. 9.True or false: buttons almost touching is good button design. (a) False (b) True
10. 10.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ filter buttons ]
    [ Add button ]
    [ list of items ]
    [ search box ] (a) filter buttons (b) Add button (c) search box
11. 11.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
12. 12.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Cart → Results → Pay → Confirm → Pens
    Design B: Home → Pens → Item → Menu → Address
14. 14.🔘 Our rule: buttons are at least 48 px tall. The Back button is 32 px tall. How many px taller must it be?
15. 15.♿ What should every icon-only button have for screen readers? (a) a sound (b) a long animation (c) a text label (d) a bright colour
16. 16.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
17. 17.🔍 Which is the odd one out? (a) the button colours (b) the font size (c) how easy sign-up is (d) the screen layout
18. 18.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) so each step is clear (d) to add more taps
19. 19.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
20. 20.💾 What number does this code show?
    let score = 8;
    score = score - 1;
    score = score + 1;
    show(score);
21. 21.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
22. 22.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
23. 23.🔢 In a photo-post flow, which comes first: “add a filter” or “open the camera screen”? (a) add a filter (b) open the camera screen
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Results → Menu → Confirm → Size
    Design B: Home → Item → Shop → Cart → Confirm
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Search
    Design B: Home → Results → Address → Offers → Cart → Pens
26. 26.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
27. 27.🔢 In a sign-up flow, which comes first: “see the home screen” or “make a password”? (a) see the home screen (b) make a password
28. 28.Which of these is true of the back button? (a) goes to the last screen (b) shows 3 to 5 icons (c) switches main sections (d) sits at the bottom
29. 29.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
30. 30.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) open the menu (b) pick a dish
31. 31.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) in the middle (c) nowhere (d) inside a button
32. 32.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ list of items ]
    [ title text ]
    [ tab bar ]
    [ menu icon ]
    [ top bar ]
    [ Add button ] (a) list of items (b) Add button (c) top bar (d) tab bar
33. 33.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) a picture goes here (d) an error
34. 34.True or false: the button colours is about UI (the look). (a) False (b) True
35. 35.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) tap “Sign up” (c) open the app (d) type name and email
36. 36.💾 What number does this code show?
    let points = 4;
    points = points - 3;
    points = points + 1;
    show(points);
37. 37.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
38. 38.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ tab bar ] (a) tab bar (b) search box (c) top bar
39. 39.Which of these is true of a final design? (a) has no real colours (b) uses the final pictures (c) shows where things go (d) uses plain grey boxes
40. 40.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ top bar ]
    [ title text ]
    [ filter buttons ]
    [ list of items ]
    [ menu icon ] (a) title text (b) list of items (c) top bar (d) filter buttons

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