App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 590 · 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 this good or poor button design: buttons almost touching? (a) good design (b) poor design
2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Size → Search
   Design B: Home → Confirm → Pay → Pens
3. 3.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
4. 4.💾 Which can hold many values in order? (a) a button (b) a single number (c) a switch (d) a list
5. 5.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
6. 6.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) check the cart (c) open the menu (d) track the order
7. 7.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) pick an answer (b) see if it is right
8. 8.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ search box ]
   [ filter buttons ]
   [ list of items ]
   [ Add button ] (a) list of items (b) filter buttons (c) Add button (d) search box
9. 9.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see the final score (d) see if it is right
10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Match report”
    Which screen are you on now? (a) Me (b) Lessons (c) Match report (d) Quiz
11. 11.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
12. 12.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
13. 13.True or false: a wireframe looks like the real app. (a) False (b) True
14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Edit photo”
    3. open “Match report”
    4. tap the Lessons tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
15. 15.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) closes all apps (d) opens settings
16. 16.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Aman", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Zoya (b) Aman (c) Meera
17. 17.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
18. 18.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
19. 19.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) a random page (d) that tab’s main screen
20. 20.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Riya", "Meera", "Zoya", "Kabir"];
    show(friends[0]); (a) Aman (b) Riya (c) Zoya (d) Meera
21. 21.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
22. 22.True or false: “big touch targets” 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) black on yellow (c) light grey on white (d) yellow on white
24. 24.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) shows the real fonts
25. 25.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
26. 26.🎨 UI stands for user ___. (a) interface (b) internet (c) idea (d) input
27. 27.Which of these is about UX (the experience)? (a) the theme colours (b) the font size (c) how easy sign-up is (d) the screen layout
28. 28.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
29. 29.💾 What number does this code show?
    let points = 8;
    points = points - 1;
    points = points + 2;
    show(points);
30. 30.True or false: a wireframe uses plain grey boxes. (a) True (b) False
31. 31.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
32. 32.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) write a caption (c) take the photo (d) post the photo
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Send button is 44 px tall. How many px taller must it be?
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Search → Item → Menu
    Design B: Home → Menu → Cart → Pens → Shop → Offers → Search
35. 35.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
36. 36.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) pick a dish (d) add it to the cart
37. 37.True or false: the button colours is about UI (the look). (a) True (b) False
38. 38.🔍 Which is the odd one out? (a) the button colours (b) how many taps it takes (c) the font size (d) the icon shapes
39. 39.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
40. 40.🔍 Which is the odd one out? (a) colour as the only clue (b) labels on every icon (c) fast-flashing lights (d) icons with no labels

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