App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 860 · 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 Home, Search, Profile. You start on Home, then:
   1. open “Edit photo”
   2. tap Back
   3. open “Friend list”
   How many times must you tap Back to reach the main screen of this tab?
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ tab bar ]
   [ filter buttons ]
   [ Save button ]
   [ top bar ]
   [ big picture ]
   [ title text ] (a) Save button (b) big picture (c) title text (d) tab bar
3. 3.True or false: icons with no meaning is poor button design. (a) False (b) True
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Match report”
   2. tap the Lessons tab
   3. tap the Lessons tab
   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 “pick an answer”? (a) tap “Start quiz” (b) see the final score (c) see if it is right (d) read a question
6. 6.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) take the photo (b) open the camera screen
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Home tab
   2. tap the Search tab
   3. tap the Home tab
   Which screen are you on now? (a) Profile (b) Home (c) Search
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. tap the Home tab
   3. tap the Home tab
   How many times must you tap Back to reach the main screen of this tab?
9. 9.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
10. 10.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
11. 11.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ Add button ]
    [ list of items ]
    [ big picture ]
    [ top bar ]
12. 12.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
13. 13.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) good UX but poor UI (d) no UI at all
14. 14.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
15. 15.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ Add button ]
    [ filter buttons ]
    [ menu icon ] (a) Add button (b) menu icon (c) filter buttons
16. 16.Which of these fits saving in the cloud? (a) the sound on/off setting (b) chat messages to friends (c) notes to read offline (d) a draft you are typing
17. 17.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
18. 18.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 48 px tall
    Done button: 56 px tall
    Send button: 44 px tall
    Back button: 36 px tall
20. 20.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ]
    [ search box ]
    [ title text ] (a) title text (b) filter buttons (c) Save button (d) top bar
21. 21.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 20 (c) 10 to 12 (d) 3 to 5
22. 22.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) open the menu (b) pick a dish
23. 23.Which of these is about UX (the experience)? (a) the button colours (b) the icon shapes (c) whether users get lost (d) the screen layout
24. 24.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
25. 25.True or false: the font size is about UX (the experience). (a) True (b) False
26. 26.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
27. 27.♿ A screen has 8 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
28. 28.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 40 px tall
    Cancel button: 44 px tall
    Save button: 44 px tall
29. 29.🔍 Which is the odd one out? (a) text that can grow (b) sudden loud sounds (c) colour as the only clue (d) tiny tap areas
30. 30.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
31. 31.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) tap “Sign up” (b) type name and email
32. 32.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) nowhere (c) inside a button (d) in the middle
33. 33.Which of these is about UX (the experience)? (a) how fast a task is done (b) the screen layout (c) the theme colours (d) the button colours
34. 34.Which of these fits saving in the cloud? (a) a shared to-do list (b) the sound on/off setting (c) your last game level (d) notes to read offline
35. 35.🔍 Which is the odd one out? (a) tiny tap areas (b) captions on videos (c) icons with no labels (d) sudden loud sounds
36. 36.Which of these is true of the back button? (a) shows 3 to 5 icons (b) sits at the bottom (c) goes to the last screen (d) hides extra links
37. 37.💾 Which works with no internet at all? (a) a shared chat (b) a cloud backup (c) data saved on the phone (d) a cloud leaderboard
38. 38.Which of these makes the app harder to use? (a) icons with no labels (b) strong colour contrast (c) captions on videos (d) big touch targets
39. 39.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) make a password (c) see the home screen (d) open the app
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 12 px
    Title: 28 px
    Body text: 16 px (a) Label (b) Title (c) Body text

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