App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 772 · 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.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
2. 2.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
3. 3.True or false: a final design uses the final pictures. (a) True (b) False
4. 4.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Address → Pens
   Design B: Home → Results → Item → Offers → Size → Menu (a) Design A (b) Design B
6. 6.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
7. 7.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Search tab
   2. open “Badges”
   3. tap the Profile tab
   4. open “Match report”
   5. tap the Home tab
   How many times must you tap Back to reach the main screen of this tab?
9. 9.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
10. 10.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
11. 11.Which of these is true of a tab bar? (a) undoes one move (b) shows 3 to 5 icons (c) hides extra links (d) opens a list of pages
12. 12.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) shows where things go (d) looks like the real app
13. 13.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
14. 14.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 0 (c) 10 (d) 2
15. 15.💾 What does this code show? (Positions start at 0.)
    let friends = ["Zoya", "Aman", "Arjun", "Kabir", "Riya"];
    show(friends[1]); (a) Zoya (b) Arjun (c) Kabir (d) Aman
16. 16.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
17. 17.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
18. 18.🔘 Our rule: buttons are at least 48 px tall. The Back button is 20 px tall. How many px taller must it be?
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Match report”
    3. tap the Me tab
    4. open “Help page”
    5. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
20. 20.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
21. 21.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) read a question (b) tap “Start quiz” (c) see the final score (d) see if it is right
22. 22.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
23. 23.Which colour pair is easy to read? (a) pale pink on white (b) dark blue on black (c) black on yellow (d) light grey on white
24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Confirm → Size → Pens
    Design B: Home → Pay → Address (a) Design A (b) Design B
25. 25.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ search box ] (a) Add button (b) tab bar (c) search box
26. 26.🔢 In a quiz-app flow, which comes first: “see if it is right” or “see the final score”? (a) see if it is right (b) see the final score
27. 27.Which of these makes the app harder to use? (a) big touch targets (b) captions on videos (c) text that can grow (d) icons with no labels
28. 28.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) tap “Start quiz” (c) read a question (d) see if it is right
29. 29.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
30. 30.🎨 Who should you test the UX with? (a) real users (b) only yourself (c) nobody (d) the app icon
31. 31.🎨 UI stands for user ___. (a) input (b) idea (c) internet (d) interface
32. 32.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it runs the app (d) it saves data
33. 33.🎨 UX stands for user ___. (a) extra (b) example (c) express (d) experience
34. 34.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
35. 35.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) post the photo (d) add a filter
36. 36.🔘 Our rule: buttons are at least 48 px tall. The Save button is 20 px tall. How many px taller must it be?
37. 37.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) see the final score (c) pick an answer (d) see if it is right
38. 38.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
39. 39.💾 What is a variable? (a) a phone setting (b) a named box for a value (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?
    Footer: 14 px
    Label: 16 px
    Title: 23 px
    Caption: 17 px
    Body text: 19 px (a) Footer (b) Label (c) Caption (d) Title

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