App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 741 · 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 Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Video”
   2. tap the Me tab
   3. open “Score card”
   4. open “Help page”
   How many times must you tap Back to reach the main screen of this tab?
2. 2.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a draft you are typing (d) chat messages to friends
3. 3.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
4. 4.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
5. 5.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
6. 6.True or false: the icon shapes is about UI (the look). (a) True (b) False
7. 7.True or false: a wireframe shows where things go. (a) True (b) False
8. 8.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the server (d) the battery
9. 9.Which of these is true of a wireframe? (a) uses the final pictures (b) is a quick sketch (c) looks like the real app (d) shows the real fonts
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Map”
    3. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
11. 11.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) strong colour contrast (d) text that can grow
12. 12.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
13. 13.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) pick an answer (c) read a question (d) tap “Start quiz”
14. 14.Which of these is true of a wireframe? (a) looks like the real app (b) shows where things go (c) uses the final pictures (d) has the real colours
15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. tap the Lessons tab
    4. tap the Lessons tab
    5. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
16. 16.🔍 Which is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) colour as the only clue (d) fast-flashing lights
17. 17.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) the same screen (d) a clear next step
18. 18.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
19. 19.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
20. 20.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) nowhere (c) inside a button (d) at the bottom
21. 21.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
22. 22.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) has the real colours (d) shows where things go
23. 23.True or false: grey text on grey is good button design. (a) False (b) True
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap Back
    3. open “Video”
    4. tap the Profile tab
    Which screen are you on now? (a) Home (b) Score card (c) Video (d) Profile
25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 48 px tall
    Next button: 56 px tall
    Save button: 44 px tall
    Send button: 52 px tall (a) Done (b) Send (c) Save (d) Next
26. 26.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
27. 27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 10 px
    Label: 28 px
    Menu: 18 px (a) Menu (b) Body text (c) Label
28. 28.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ filter buttons ]
    [ list of items ]
    [ search box ]
    [ menu icon ]
    [ top bar ] (a) filter buttons (b) list of items (c) search box (d) menu icon
29. 29.True or false: buttons almost touching is good button design. (a) True (b) False
30. 30.🔍 Which is the odd one out? (a) whether users get lost (b) how many taps it takes (c) how users feel after (d) the screen layout
31. 31.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme
32. 32.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
33. 33.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 44 px tall
    Cancel button: 32 px tall
    Back button: 44 px tall
34. 34.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ menu icon ]
    [ filter buttons ]
    [ tab bar ]
35. 35.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) changes are quick (d) it runs the app
36. 36.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) whether users get lost (d) the theme colours
37. 37.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
38. 38.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) so each step is clear (d) to hide the buttons
39. 39.🔢 In a food-order flow, which comes first: “check the cart” or “track the order”? (a) check the cart (b) track the order
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. open “Match report”
    4. open “Badges”
    5. tap Back
    Which screen are you on now? (a) Video (b) Match report (c) Badges (d) Home

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