App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 653 · 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 about UI or UX: the font size? (a) UI (b) UX
2. 2.Which of these is true of a tab bar? (a) hides extra links (b) switches main sections (c) goes to the last screen (d) undoes one move
3. 3.✏️ What is a wireframe? (a) a type of password (b) a simple screen sketch (c) a charging cable (d) the finished app
4. 4.True or false: a tiny 20 px button is poor button design. (a) False (b) True
5. 5.🔢 In a quiz-app flow, which comes first: “pick an answer” or “tap “Start quiz””? (a) pick an answer (b) tap “Start quiz”
6. 6.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) read a question (d) tap “Start quiz”
7. 7.♿ A screen has 12 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Confirm → Item → Pens → Search
   Design B: Home → Cart → Menu → Pens → Pay → Offers
9. 9.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) open the camera screen (c) add a filter (d) post the photo
10. 10.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) better UX (c) a bigger app (d) worse UX
11. 11.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. open “Video”
    Which screen are you on now? (a) Friend list (b) Home (c) Video (d) Search
13. 13.🎨 UI stands for user ___. (a) input (b) internet (c) interface (d) idea
14. 14.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
15. 15.Which of these is true of a menu button? (a) hides extra links (b) undoes one move (c) shows 3 to 5 icons (d) goes to the last screen
16. 16.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ list of items ]
    [ big picture ]
    [ Add button ]
    [ top bar ] (a) list of items (b) big picture (c) top bar
17. 17.True or false: icons with no meaning is poor button design. (a) False (b) True
18. 18.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) open the app (c) tap “Sign up” (d) see the home screen
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. open “Edit photo”
    4. tap the Profile tab
    5. open “Score card”
    Which screen are you on now? (a) Edit photo (b) Home (c) Search (d) Score card
20. 20.True or false: a final design uses plain grey boxes. (a) True (b) False
21. 21.🎨 UX stands for user ___. (a) extra (b) example (c) express (d) experience
22. 22.💾 Which can hold many values in order? (a) a switch (b) a single number (c) a list (d) a button
23. 23.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) photos on two devices (d) notes to read offline
24. 24.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
25. 25.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) big touch targets (d) icons with no labels
26. 26.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 1 (c) 20 (d) 3 to 5
27. 27.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) at the bottom (c) nowhere (d) in the middle
28. 28.🧭 Why should every screen show where you are? (a) to look busy (b) to use more battery (c) so users do not get lost (d) to hide the menu
29. 29.♿ A screen has 8 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
30. 30.Which of these is true of a wireframe? (a) uses the final pictures (b) shows where things go (c) shows the real fonts (d) looks like the real app
31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ search box ]
    [ menu icon ]
    [ Save button ]
32. 32.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ Save button ]
    [ list of items ]
    [ filter buttons ]
    [ title text ]
    [ tab bar ] (a) tab bar (b) Save button (c) list of items (d) title text
33. 33.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
34. 34.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
35. 35.True or false: a wireframe uses plain grey boxes. (a) False (b) True
36. 36.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the phone is lost (d) the screen turns off
37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 18 px
    Caption: 27 px
    Body text: 25 px
    Menu: 10 px (a) Menu (b) Body text (c) Caption (d) Hint
38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ list of items ]
    [ filter buttons ]
    [ top bar ]
39. 39.♿ What does a screen reader do? (a) makes text tiny (b) plays music (c) reads the screen aloud (d) takes photos
40. 40.True or false: “captions on videos” helps everyone use the app. (a) True (b) False

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