App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 330 · 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.💾 pop() takes off the last item. What does this code show?
   let notes = ["Science", "Art", "Music", "Maths"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Maths (b) Science (c) Art (d) Music
2. 2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Size → Cart → Menu
   Design B: Home → Results → Confirm → Pens → Address → Offers (a) Design A (b) Design B
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. open “Video”
   3. tap Back
   Which screen are you on now? (a) Chat (b) Feed (c) Video (d) Settings
4. 4.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) goes to the last screen (c) opens a list of pages (d) hides extra links
5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pens → Size → Pay → Menu
   Design B: Home → Cart → Menu (a) Design B (b) Design A
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Caption: 17 px
   Title: 11 px
   Label: 23 px (a) Label (b) Caption (c) Title
7. 7.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a clear next step (d) a dead end
8. 8.💾 What does this code show? (Positions start at 0.)
   let friends = ["Riya", "Aman", "Meera"];
   show(friends[2]); (a) Meera (b) Riya (c) Aman
9. 9.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) changes are quick (d) it runs the app
10. 10.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) shows the real fonts (d) uses plain grey boxes
11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Video”
    4. open “Edit photo”
    5. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
12. 12.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
13. 13.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) add it to the cart (b) pick a dish
14. 14.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
15. 15.True or false: a wireframe shows the real fonts. (a) True (b) False
16. 16.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) takes photos (d) plays music
17. 17.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 10 (c) 0 (d) 1
18. 18.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ title text ]
    [ Save button ]
    [ Add button ]
    [ menu icon ] (a) Save button (b) title text (c) menu icon
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Menu → Cart → Address → Search
    Design B: Home → Confirm → Menu
20. 20.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the icon shapes (d) how users feel after
21. 21.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) uses plain grey boxes (d) has the real colours
22. 22.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the phone is lost (d) the screen turns off
23. 23.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) pick a dish (d) open the menu
24. 24.🔢 In a food-order flow, which comes first: “add it to the cart” or “open the menu”? (a) add it to the cart (b) open the menu
25. 25.🔍 Which is the odd one out? (a) the button colours (b) the screen layout (c) how many taps it takes (d) the theme colours
26. 26.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
27. 27.True or false: the button colours is about UX (the experience). (a) True (b) False
28. 28.Which of these is about UX (the experience)? (a) the theme colours (b) the screen layout (c) the button colours (d) whether users get lost
29. 29.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. tap the Quiz tab
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
31. 31.Which of these is true of a final design? (a) has no real colours (b) uses plain grey boxes (c) uses the final pictures (d) is a quick sketch
32. 32.True or false: strong colour contrast is poor button design. (a) False (b) True
33. 33.True or false: a final design shows the real fonts. (a) False (b) True
34. 34.True or false: a clear word like Save is poor button design. (a) False (b) True
35. 35.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a menu button (c) a tab bar
36. 36.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
37. 37.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) home screen (d) dead end
38. 38.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ filter buttons ]
    [ Add button ]
    [ search box ]
40. 40.Which of these helps everyone use the app? (a) fast-flashing lights (b) captions on videos (c) sudden loud sounds (d) tiny tap areas

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