App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 613 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. tap the Chat tab
   3. open “Friend list”
   4. open “Score card”
   5. open “Video”
   Which screen are you on now? (a) Friend list (b) Score card (c) Video (d) Feed
2. 2.🎨 UI stands for user ___. (a) internet (b) interface (c) idea (d) input
3. 3.True or false: a clear word like Save is poor button design. (a) False (b) True
4. 4.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
5. 5.Which of these is about UX (the experience)? (a) whether users get lost (b) the theme colours (c) the font size (d) the icon shapes
6. 6.True or false: a wireframe has no real colours. (a) True (b) False
7. 7.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) make a password (c) tap “Sign up” (d) see the home screen
8. 8.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ list of items ]
   [ search box ]
   [ filter buttons ]
   [ title text ] (a) filter buttons (b) search box (c) title text (d) list of items
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ tab bar ]
   [ menu icon ]
   [ Add button ] (a) Add button (b) tab bar (c) menu icon (d) big picture
10. 10.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 48 px tall
    Cancel button: 32 px tall
    Save button: 48 px tall
    Done button: 60 px tall
11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Lessons tab
    3. open “Help page”
    4. open “Friend list”
    5. tap the Me tab
    Which screen are you on now? (a) Me (b) Lessons (c) Help page (d) Friend list
12. 12.🔍 Which is the odd one out? (a) fast-flashing lights (b) captions on videos (c) tiny tap areas (d) colour as the only clue
13. 13.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Score card”
    3. open “Help page”
    4. tap the Quiz tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
15. 15.True or false: the theme colours is about UX (the experience). (a) True (b) False
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ filter buttons ]
    [ top bar ]
    [ search box ]
    [ big picture ]
    [ title text ]
17. 17.True or false: a final design is a quick sketch. (a) True (b) False
18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ top bar ] (a) list of items (b) filter buttons (c) Save button (d) top bar
19. 19.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
20. 20.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) post the photo (d) add a filter
21. 21.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a type of font (d) a charging cable
22. 22.True or false: the screen layout is about UI (the look). (a) True (b) False
23. 23.True or false: grey text on grey is good button design. (a) False (b) True
24. 24.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) add a filter (c) open the camera screen (d) post the photo
25. 25.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ title text ]
    [ top bar ]
    [ search box ]
    [ tab bar ]
    [ big picture ]
    [ Save button ] (a) search box (b) title text (c) tab bar (d) Save button
26. 26.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) never need a password (c) skip the internet (d) use it on any device
27. 27.True or false: a final design has the real colours. (a) True (b) False
28. 28.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the battery (d) the server
29. 29.🔍 Which is the odd one out? (a) colour as the only clue (b) tiny tap areas (c) labels on every icon (d) fast-flashing lights
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 56 px tall
    Back button: 40 px tall
    Cancel button: 36 px tall
    Next button: 64 px tall
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Profile tab
    3. open “Badges”
    Which screen are you on now? (a) Search (b) Home (c) Badges (d) Profile
32. 32.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Results → Pay → Shop → Size
    Design B: Home → Item → Menu → Shop (a) Design A (b) Design B
34. 34.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Profile tab
    3. open “Match report”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
36. 36.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) type name and email (c) tap “Sign up” (d) open the app
37. 37.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a menu button (c) a tab bar
38. 38.♿ Why add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to add colour (d) to slow them down
39. 39.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ top bar ]
    [ filter buttons ]
    [ list of items ]
    [ Save button ] (a) Save button (b) list of items (c) top bar
40. 40.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design

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