App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 996 · 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 friends = ["Arjun", "Riya", "Kabir", "Meera", "Aman"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Riya (b) Arjun (c) Meera (d) Kabir
2. 2.True or false: a wireframe uses the final pictures. (a) False (b) True
3. 3.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only the coder (d) only experts
4. 4.Which of these is about UI (the look)? (a) how many taps it takes (b) whether users get lost (c) the icon shapes (d) how fast a task is done
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Pens → Menu → Item → Confirm → Results
   Design B: Home → Address → Menu → Cart → Pay → Shop → Search
6. 6.True or false: a wireframe looks like the real app. (a) True (b) False
7. 7.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Search → Results → Menu
   Design B: Home → Shop → Search → Address → Offers → Confirm → Pay
9. 9.Which of these helps everyone use the app? (a) colour as the only clue (b) big touch targets (c) sudden loud sounds (d) icons with no labels
10. 10.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) has the real colours (d) is a quick sketch
11. 11.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it adds colours (d) it runs the app
12. 12.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) open the app (c) make a password (d) enter the code sent
13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Settings tab
    3. open “Score card”
    4. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
14. 14.Which of these is true of a tab bar? (a) opens a list of pages (b) goes to the last screen (c) undoes one move (d) shows 3 to 5 icons
15. 15.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Score card”
    3. open “Video”
    4. open “Friend list”
    Which screen are you on now? (a) Video (b) Score card (c) Feed (d) Friend list
17. 17.Which of these is true of a tab bar? (a) sits at the bottom (b) hides extra links (c) opens a list of pages (d) goes to the last screen
18. 18.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
19. 19.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Kabir", "Arjun", "Zoya", "Riya"];
    show(friends[0]); (a) Arjun (b) Zoya (c) Aman (d) Kabir
20. 20.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) a picture goes here (d) delete this
21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ search box ]
    [ Save button ]
    [ Add button ] (a) Save button (b) Add button (c) menu icon (d) search box
22. 22.🔍 Which is the odd one out? (a) how many taps it takes (b) the font size (c) the screen layout (d) the button colours
23. 23.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
24. 24.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pick a dish (c) track the order (d) pay for the order
25. 25.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) take the photo (b) post the photo
26. 26.Which of these is about UI (the look)? (a) how easy sign-up is (b) how many taps it takes (c) whether users get lost (d) the font size
27. 27.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 22 px
    Caption: 9 px
    Body text: 24 px
    Menu: 19 px (a) Body text (b) Caption (c) Menu (d) Hint
29. 29.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Menu → Cart
    Design B: Home → Offers → Search → Address → Item (a) Design A (b) Design B
31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 23 px
    Footer: 22 px
    Body text: 10 px
    Title: 10 px
    Menu: 21 px
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Save button ]
    [ big picture ]
    [ filter buttons ]
    [ menu icon ] (a) Save button (b) big picture (c) title text (d) menu icon
33. 33.True or false: how users feel after is about UX (the experience). (a) False (b) True
34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Search → Confirm
    Design B: Home → Item → Results → Offers → Cart (a) Design A (b) Design B
35. 35.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ search box ]
    [ top bar ]
    [ menu icon ]
    [ Add button ] (a) top bar (b) Add button (c) search box
36. 36.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
37. 37.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
38. 38.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) check the cart (c) pay for the order (d) open the menu
39. 39.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ list of items ]
    [ tab bar ]
    [ search box ]
    [ big picture ]
    [ title text ] (a) list of items (b) tab bar (c) title text (d) search box
40. 40.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ filter buttons ]
    [ tab bar ]
    [ search box ]
    [ big picture ] (a) tab bar (b) big picture (c) filter buttons

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