App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 774 · 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: buttons are at least 48 px tall. Which button is too small?
   Cancel button: 52 px tall
   Help button: 72 px tall
   Next button: 32 px tall
   Save button: 72 px tall (a) Cancel (b) Save (c) Next (d) Help
2. 2.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a colour theme (d) a type of font
3. 3.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) the finished app (d) a type of password
4. 4.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) light grey on white (d) black on pale grey
5. 5.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ list of items ]
   [ title text ]
   [ top bar ]
   [ Save button ] (a) list of items (b) big picture (c) top bar (d) Save button
6. 6.Which of these fits saving on the phone? (a) a class leaderboard (b) your last game level (c) chat messages to friends (d) photos on two devices
7. 7.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
8. 8.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) fast-flashing lights (d) text that can grow
9. 9.Which of these is about UI (the look)? (a) how many taps it takes (b) whether users get lost (c) how users feel after (d) the icon shapes
10. 10.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ filter buttons ]
    [ list of items ]
    [ title text ]
    [ top bar ] (a) top bar (b) title text (c) filter buttons
11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ Add button ]
    [ title text ]
    [ top bar ]
    [ filter buttons ]
    [ big picture ] (a) top bar (b) filter buttons (c) title text (d) big picture
12. 12.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) see the home screen (c) enter the code sent (d) type name and email
13. 13.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) that tab’s main screen (c) the phone settings (d) the last app used
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Address → Offers → Item → Shop
    Design B: Home → Confirm → Pens → Pay → Size
15. 15.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) read a question
16. 16.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
17. 17.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
18. 18.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Help page”
    3. open “Badges”
    4. open “Help page”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Address
    Design B: Home → Item → Confirm → Pay → Offers → Search → Pens
21. 21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 64 px tall
    Help button: 64 px tall
    Save button: 52 px tall
22. 22.♿ A screen has 12 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
23. 23.True or false: notes to read offline fits saving on the phone. (a) False (b) True
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Profile tab
    3. open “Score card”
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
25. 25.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Results
    Design B: Home → Shop → Cart → Item → Confirm (a) Design A (b) Design B
26. 26.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) add a filter (c) open the camera screen (d) take the photo
27. 27.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
28. 28.True or false: how many taps it takes is about UX (the experience). (a) True (b) False
29. 29.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
30. 30.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) open the app (c) type name and email (d) see the home screen
31. 31.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) has no real colours (d) shows where things go
32. 32.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo
33. 33.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) skip the internet (c) never need a password (d) shrink the app
34. 34.🔍 Which is the odd one out? (a) how many taps it takes (b) the button colours (c) how users feel after (d) how fast a task is done
35. 35.💾 Which can hold many values in order? (a) a switch (b) a single number (c) a button (d) a list
36. 36.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
37. 37.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ filter buttons ]
    [ menu icon ]
    [ big picture ]
    [ Add button ]
    [ search box ]
    [ tab bar ] (a) filter buttons (b) menu icon (c) tab bar (d) search box
38. 38.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a closed app (d) a picture goes here
39. 39.💾 What number does this code show?
    let coins = 3;
    coins = coins - 2;
    coins = coins + 2;
    show(coins);
40. 40.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ title text ]
    [ tab bar ]
    [ Add button ]

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