App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 886 · 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.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) enter the code sent (b) type name and email (c) open the app (d) see the home screen
2. 2.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) post the photo (c) take the photo (d) write a caption
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ title text ]
   [ Add button ]
   [ filter buttons ]
   [ menu icon ]
   [ Save button ] (a) menu icon (b) filter buttons (c) title text (d) Save button
4. 4.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a simple screen sketch (d) a charging cable
5. 5.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
6. 6.Which of these is true of a tab bar? (a) goes to the last screen (b) switches main sections (c) opens a list of pages (d) undoes one move
7. 7.True or false: a clear word like Save is poor button design. (a) False (b) True
8. 8.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
9. 9.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) looks like the real app (d) has no real colours
10. 10.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 52 px tall
    Send button: 48 px tall
    Save button: 24 px tall (a) Send (b) Cancel (c) Save
11. 11.True or false: the button colours is about UI (the look). (a) False (b) True
12. 12.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
13. 13.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) better UX (d) more colours
14. 14.🔢 In a food-order flow, which comes first: “check the cart” or “pay for the order”? (a) pay for the order (b) check the cart
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Menu
    Design B: Home → Search → Size → Shop → Confirm
16. 16.🔍 Which is the odd one out? (a) tiny tap areas (b) sudden loud sounds (c) strong colour contrast (d) icons with no labels
17. 17.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) is a quick sketch (d) has the real colours
18. 18.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) white on dark green (d) light grey on white
19. 19.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    Which screen are you on now? (a) Friend list (b) Lessons (c) Quiz (d) Map
21. 21.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
22. 22.♿ Accessibility means an app works for ___. (a) everyone (b) only the coder (c) only experts (d) nobody
23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Shop → Results → Cart → Confirm → Item
    Design B: Home → Pens → Pay → Address → Results
24. 24.🔍 Which is the odd one out? (a) the screen layout (b) how users feel after (c) the button colours (d) the icon shapes
25. 25.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
26. 26.🔢 In a food-order flow, which comes first: “open the menu” or “pay for the order”? (a) pay for the order (b) open the menu
27. 27.Which of these fits saving on the phone? (a) a class leaderboard (b) notes to read offline (c) photos on two devices (d) a shared to-do list
28. 28.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
29. 29.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) pick a dish (b) add it to the cart
30. 30.True or false: your last game level fits saving on the phone. (a) False (b) True
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap Back
    3. tap the Home tab
    Which screen are you on now? (a) Home (b) Help page (c) Search (d) Profile
32. 32.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) is a quick sketch (d) shows the real fonts
33. 33.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pay for the order (c) open the menu (d) track the order
34. 34.Which of these helps everyone use the app? (a) icons with no labels (b) big touch targets (c) tiny tap areas (d) colour as the only clue
35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Pens
    Design B: Home → Address → Item → Menu
36. 36.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) the font size (d) how many taps it takes
37. 37.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
38. 38.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 56 px tall
    Done button: 52 px tall
    Back button: 32 px tall
    Next button: 40 px tall
39. 39.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) deletes the page (d) opens settings
40. 40.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) a colour theme (d) the path through screens

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