App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 25 · 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.True or false: a wireframe is a quick sketch. (a) True (b) False
2. 2.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) goes to the last screen (d) opens settings
3. 3.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
4. 4.💾 What number does this code show?
   let friends = ["Meera", "Aman", "Kabir", "Arjun"];
   friends.push("Riya");
   show(friends.length);
5. 5.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
6. 6.💾 Which can hold many values in order? (a) a switch (b) a button (c) a single number (d) a list
7. 7.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Help button: 40 px tall
   Save button: 52 px tall
   Start button: 52 px tall
   Next button: 64 px tall (a) Save (b) Next (c) Start (d) Help
9. 9.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
10. 10.♿ Why add captions to videos? (a) to hide the sound (b) to slow them down (c) to add colour (d) so anyone can follow
11. 11.🔢 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
12. 12.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
13. 13.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) sudden loud sounds (d) strong colour contrast
14. 14.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to skip testing (d) to hide the buttons
15. 15.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) tap “Sign up” (c) open the app (d) type name and email
16. 16.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Match report”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
17. 17.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
18. 18.Which of these is true of the back button? (a) hides extra links (b) switches main sections (c) goes to the last screen (d) opens a list of pages
19. 19.Which of these is true of a wireframe? (a) looks like the real app (b) is a quick sketch (c) shows the real fonts (d) uses the final pictures
20. 20.Which of these is about UI (the look)? (a) how fast a task is done (b) how easy sign-up is (c) how users feel after (d) the font size
21. 21.True or false: the theme colours is about UX (the experience). (a) False (b) True
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Edit photo”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
23. 23.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Save button ]
    [ menu icon ]
    [ tab bar ]
    [ list of items ] (a) list of items (b) tab bar (c) Save button
24. 24.True or false: “colour as the only clue” makes the app harder to use. (a) False (b) True
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Video”
    3. open “Edit photo”
    Which screen are you on now? (a) Edit photo (b) Match report (c) Home (d) Video
26. 26.Which of these is true of a final design? (a) looks like the real app (b) uses plain grey boxes (c) has no real colours (d) shows where things go
27. 27.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Shop → Search → Cart → Address → Size → Item
    Design B: Home → Offers → Address → Pay → Size
29. 29.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) make a password (c) enter the code sent (d) tap “Sign up”
30. 30.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 20 (c) 10 to 12 (d) 3 to 5
31. 31.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
32. 32.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
33. 33.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the icon shapes (d) the font size
34. 34.Which of these is about UX (the experience)? (a) the button colours (b) how users feel after (c) the font size (d) the screen layout
35. 35.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ Add button ]
    [ title text ]
    [ list of items ]
    [ menu icon ] (a) title text (b) list of items (c) top bar (d) menu icon
36. 36.🔍 Which is the odd one out? (a) strong colour contrast (b) text that can grow (c) labels on every icon (d) sudden loud sounds
37. 37.True or false: buttons almost touching is good button design. (a) False (b) True
38. 38.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
39. 39.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
40. 40.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ tab bar ]
    [ top bar ]
    [ search box ]
    [ big picture ]
    [ list of items ] (a) search box (b) tab bar (c) top bar (d) big picture

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