App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 805 · 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.Which of these is about UI (the look)? (a) how fast a task is done (b) how easy sign-up is (c) the screen layout (d) how many taps it takes
2. 2.True or false: the font size is about UX (the experience). (a) True (b) False
3. 3.True or false: your last game level fits saving on the phone. (a) False (b) True
4. 4.Which of these fits saving on the phone? (a) a shared to-do list (b) notes to read offline (c) chat messages to friends (d) photos on two devices
5. 5.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
6. 6.🔍 Which is the odd one out? (a) the screen layout (b) how easy sign-up is (c) the button colours (d) the icon shapes
7. 7.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Pay → Results → Shop → Size
   Design B: Home → Pay → Search → Size
9. 9.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) goes to the last screen (d) closes all apps
10. 10.Which of these is about UX (the experience)? (a) how many taps it takes (b) the icon shapes (c) the font size (d) the button colours
11. 11.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) tap “Start quiz” (c) pick an answer (d) see the final score
12. 12.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ list of items ]
    [ big picture ]
    [ menu icon ]
    [ filter buttons ] (a) tab bar (b) list of items (c) big picture (d) filter buttons
13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Menu → Pay → Offers → Address → Results
    Design B: Home → Results → Shop (a) Design B (b) Design A
14. 14.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
15. 15.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
16. 16.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 14 px
    Footer: 23 px
    Hint: 21 px
    Caption: 27 px (a) Footer (b) Hint (c) Title (d) Caption
18. 18.🔢 In a quiz-app flow, which comes first: “read a question” or “tap “Start quiz””? (a) read a question (b) tap “Start quiz”
19. 19.True or false: a wireframe shows where things go. (a) False (b) True
20. 20.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) open the app (c) tap “Sign up” (d) type name and email
21. 21.Which of these is true of the back button? (a) sits at the bottom (b) shows 3 to 5 icons (c) goes to the last screen (d) opens a list of pages
22. 22.💾 pop() takes off the last item. What does this code show?
    let friends = ["Zoya", "Riya", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Riya (b) Meera (c) Zoya
23. 23.🔍 Which is the odd one out? (a) tiny tap areas (b) captions on videos (c) text that can grow (d) big touch targets
24. 24.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) colour-blind users (c) the server (d) fast typists
25. 25.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
26. 26.♿ Accessibility means an app works for ___. (a) only experts (b) everyone (c) only the coder (d) nobody
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Pens
    Design B: Home → Cart → Search → Size → Pens → Address → Pay
28. 28.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
29. 29.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a type of font (d) a charging cable
30. 30.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 24 px
    Label: 14 px
    Caption: 20 px (a) Footer (b) Caption (c) Label
31. 31.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
32. 32.Which of these helps everyone use the app? (a) sudden loud sounds (b) big touch targets (c) tiny tap areas (d) icons with no labels
33. 33.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
34. 34.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ title text ]
    [ menu icon ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ top bar ] (a) top bar (b) tab bar (c) filter buttons (d) menu icon
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Score card”
    3. tap Back
    4. tap Back
    Which screen are you on now? (a) Score card (b) Map (c) Feed (d) Chat
36. 36.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Item → Pens → Menu
    Design B: Home → Results → Shop → Menu
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 18 px
    Body text: 9 px
    Title: 22 px (a) Title (b) Footer (c) Body text
39. 39.True or false: how many taps it takes is about UI (the look). (a) True (b) False
40. 40.Which of these fits saving in the cloud? (a) a shared to-do list (b) the sound on/off setting (c) a draft you are typing (d) your last game level

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