App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 892 · 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.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a 3D printer (c) pencil and paper (d) a phone case
2. 2.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ Add button ]
   [ menu icon ]
   [ list of items ]
   [ search box ] (a) Add button (b) menu icon (c) big picture (d) search box
4. 4.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ list of items ]
   [ search box ]
   [ big picture ]
   [ title text ] (a) list of items (b) big picture (c) search box (d) title text
5. 5.True or false: buttons almost touching is good button design. (a) False (b) True
6. 6.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
7. 7.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 10 px
   Footer: 23 px
   Title: 23 px
   Hint: 21 px (a) Hint (b) Body text (c) Title (d) Footer
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Shop → Results → Pay
   Design B: Home → Address → Shop → Pens → Menu → Offers → Cart
9. 9.💾 What number does this code show?
   let score = 9;
   score = score - 7;
   score = score + 1;
   show(score);
10. 10.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
11. 11.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
12. 12.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) post the photo (d) add a filter
13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Results → Pay → Size → Cart
    Design B: Home → Search → Menu (a) Design B (b) Design A
14. 14.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
15. 15.🎨 UX stands for user ___. (a) express (b) experience (c) extra (d) example
16. 16.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Results → Size → Confirm → Offers → Pens
    Design B: Home → Item → Search (a) Design B (b) Design A
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Score card”
    3. tap Back
    4. tap the Quiz tab
    Which screen are you on now? (a) Me (b) Lessons (c) Score card (d) Quiz
19. 19.True or false: a big, easy tap area is poor button design. (a) True (b) False
20. 20.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
21. 21.🔢 In a quiz-app flow, which comes first: “pick an answer” or “tap “Start quiz””? (a) pick an answer (b) tap “Start quiz”
22. 22.🔢 In a food-order flow, which comes first: “pay for the order” or “check the cart”? (a) pay for the order (b) check the cart
23. 23.♿ A screen has 11 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    Which screen are you on now? (a) Feed (b) Match report (c) Chat (d) Help page
25. 25.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
26. 26.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
28. 28.🔍 Which is the odd one out? (a) labels on every icon (b) sudden loud sounds (c) strong colour contrast (d) text that can grow
29. 29.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) shortcut (d) dead end
30. 30.🔍 Which is the odd one out? (a) the theme colours (b) the button colours (c) the screen layout (d) whether users get lost
31. 31.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) to hide the buttons (d) so each step is clear
32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Pay → Shop → Results → Menu → Confirm
    Design B: Home → Shop → Menu → Pay → Cart → Pens
33. 33.🔢 In a sign-up flow, what comes right after “open the app”? (a) tap “Sign up” (b) enter the code sent (c) make a password (d) type name and email
34. 34.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Profile tab
    3. tap the Profile tab
    4. tap the Home tab
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
36. 36.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 3 to 5 (d) 20
37. 37.🔍 Which is the odd one out? (a) labels on every icon (b) colour as the only clue (c) big touch targets (d) captions on videos
38. 38.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) a simple screen sketch (d) the finished app
39. 39.💾 What is a variable? (a) a named box for a value (b) a phone setting (c) a picture (d) a type of screen
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 19 px
    Caption: 10 px
    Hint: 20 px
    Menu: 23 px (a) Menu (b) Body text (c) Hint (d) Caption

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