App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 472 · 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. How many of these buttons follow the rule?
   Send button: 56 px tall
   Save button: 64 px tall
   Cancel button: 44 px tall
2. 2.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Video”
   2. open “Match report”
   3. tap the Home tab
   4. tap the Profile tab
   How many times must you tap Back to reach the main screen of this tab?
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Match report”
   2. tap the Chat tab
   3. open “Video”
   Which screen are you on now? (a) Feed (b) Chat (c) Match report (d) Video
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap Back
   3. tap the Profile tab
   4. tap the Search tab
   5. open “Match report”
   How many times must you tap Back to reach the main screen of this tab?
5. 5.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) read a question (d) see if it is right
6. 6.🔍 Which is the odd one out? (a) the icon shapes (b) how users feel after (c) the theme colours (d) the font size
7. 7.True or false: a final design shows where things go. (a) False (b) True
8. 8.True or false: a wireframe is a quick sketch. (a) False (b) True
9. 9.True or false: the theme colours is about UI (the look). (a) False (b) True
10. 10.Which of these is true of a final design? (a) has no real colours (b) is a quick sketch (c) uses the final pictures (d) shows where things go
11. 11.🔢 In a quiz-app flow, which comes first: “read a question” or “see if it is right”? (a) read a question (b) see if it is right
12. 12.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 18 px
    Footer: 10 px
    Title: 16 px
    Label: 16 px (a) Title (b) Footer (c) Body text (d) Label
13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Address → Results
    Design B: Home → Confirm → Size (a) Design B (b) Design A
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ Add button ]
    [ title text ]
    [ big picture ]
    [ list of items ]
    [ tab bar ]
15. 15.True or false: the button colours is about UI (the look). (a) True (b) False
16. 16.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) looks like the real app (d) uses plain grey boxes
17. 17.🔢 In a sign-up flow, what comes right after “type name and email”? (a) make a password (b) see the home screen (c) open the app (d) tap “Sign up”
18. 18.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) open the camera screen (b) post the photo
19. 19.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Profile tab
    3. tap the Home tab
    Which screen are you on now? (a) Badges (b) Search (c) Home (d) Profile
21. 21.True or false: buttons almost touching is poor button design. (a) True (b) False
22. 22.🔍 Which is the odd one out? (a) big touch targets (b) text that can grow (c) labels on every icon (d) colour as the only clue
23. 23.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) white on black (d) dark blue on black
24. 24.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
25. 25.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) a draft you are typing (d) a class leaderboard
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 10 px
    Footer: 25 px
    Title: 19 px
    Body text: 27 px (a) Hint (b) Footer (c) Title (d) Body text
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 52 px tall
    Send button: 72 px tall
    Next button: 28 px tall
    Cancel button: 72 px tall (a) Send (b) Help (c) Cancel (d) Next
28. 28.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ search box ]
    [ list of items ]
    [ title text ]
    [ big picture ]
    [ filter buttons ]
30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Map”
    3. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Map”
    3. tap Back
    4. open “Friend list”
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
32. 32.♿ A screen has 11 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
33. 33.Which of these is about UI (the look)? (a) the screen layout (b) how easy sign-up is (c) whether users get lost (d) how many taps it takes
34. 34.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) pick an answer (b) read a question
35. 35.True or false: icons with no meaning is poor button design. (a) False (b) True
36. 36.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ search box ] (a) Add button (b) tab bar (c) list of items (d) search box
38. 38.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
39. 39.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
40. 40.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True

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