App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 204 · 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.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ search box ]
   [ Save button ]
   [ title text ]
   [ Add button ] (a) Save button (b) Add button (c) search box (d) title text
2. 2.Which of these is about UI (the look)? (a) how users feel after (b) the theme colours (c) how fast a task is done (d) how easy sign-up is
3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Send button: 56 px tall
   Cancel button: 40 px tall
   Next button: 64 px tall
   Back button: 60 px tall
4. 4.Which of these helps everyone use the app? (a) colour as the only clue (b) labels on every icon (c) icons with no labels (d) tiny tap areas
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Results → Offers
   Design B: Home → Address → Confirm → Size → Results → Menu → Pay
6. 6.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
7. 7.💾 Which can hold many values in order? (a) a single number (b) a button (c) a switch (d) a list
8. 8.🔍 Which is the odd one out? (a) the font size (b) the theme colours (c) how users feel after (d) the screen layout
9. 9.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a draft you are typing (c) notes to read offline (d) chat messages to friends
10. 10.🔍 Which is the odd one out? (a) how easy sign-up is (b) whether users get lost (c) the screen layout (d) how many taps it takes
11. 11.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
12. 12.True or false: a wireframe looks like the real app. (a) True (b) False
13. 13.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Video”
    3. tap the Home tab
    4. tap the Home tab
    5. tap the Profile tab
    Which screen are you on now? (a) Search (b) Video (c) Home (d) Profile
14. 14.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) tap “Sign up” (c) see the home screen (d) open the app
15. 15.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Music", "Science"];
    show(notes[3]); (a) Sports (b) Science (c) Music (d) Maths
16. 16.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
17. 17.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) fast typists (c) colour-blind users (d) the battery
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Quiz tab
    3. open “Match report”
    4. open “Video”
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 40 px tall
    Start button: 44 px tall
    Cancel button: 48 px tall
    Done button: 40 px tall
20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Video”
    3. open “Edit photo”
    4. tap Back
    5. open “Friend list”
    Which screen are you on now? (a) Video (b) Map (c) Edit photo (d) Friend list
21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Size → Confirm
    Design B: Home → Menu → Pens → Pay → Search → Item → Offers
22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Shop → Menu → Pens
    Design B: Home → Shop → Size → Search → Offers → Confirm → Cart
23. 23.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
24. 24.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 36 px tall
    Back button: 60 px tall
    Cancel button: 68 px tall (a) Back (b) Cancel (c) Save
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    Which screen are you on now? (a) Map (b) Search (c) Home (d) Friend list
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Shop → Confirm
    Design B: Home → Size → Shop → Menu → Results → Item
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 64 px tall
    Next button: 44 px tall
    Help button: 52 px tall
    Cancel button: 60 px tall (a) Next (b) Help (c) Cancel (d) Done
28. 28.🔢 In a sign-up flow, which comes first: “open the app” or “see the home screen”? (a) see the home screen (b) open the app
29. 29.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
30. 30.💾 What is a variable? (a) a picture (b) a phone setting (c) a type of screen (d) a named box for a value
31. 31.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) see the final score (b) tap “Start quiz”
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ Add button ]
    [ menu icon ]
    [ tab bar ]
    [ top bar ] (a) Add button (b) top bar (c) title text (d) menu icon
33. 33.🎨 UX stands for user ___. (a) experience (b) extra (c) express (d) example
34. 34.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) read a question (d) see the final score
35. 35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 23 px
    Body text: 26 px
    Label: 10 px (a) Footer (b) Label (c) Body text
36. 36.♿ A screen has 11 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
37. 37.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
38. 38.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) colour as the only clue (d) big touch targets
39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 56 px tall
    Help button: 48 px tall
    Done button: 40 px tall (a) Done (b) Help (c) Save
40. 40.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) tap “Sign up” (c) see the home screen (d) type name and email

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