App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 190 · 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.💾 What number does this code show?
   let score = 8;
   score = score - 8;
   score = score + 2;
   show(score);
2. 2.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 users feel after
3. 3.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) a menu button (c) the back button
4. 4.🔢 In a food-order flow, which comes FIRST? (a) pick a dish (b) open the menu (c) add it to the cart (d) check the cart
5. 5.🖼️ In this wireframe (top to bottom), what is right above the big picture?
   [ title text ]
   [ big picture ]
   [ Save button ]
   [ tab bar ]
   [ menu icon ] (a) title text (b) menu icon (c) Save button (d) tab bar
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. open “Video”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
7. 7.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Footer: 22 px
   Menu: 23 px
   Title: 20 px
   Body text: 12 px
   Hint: 16 px
8. 8.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 0 (d) 10
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Hint: 12 px
   Label: 16 px
   Body text: 22 px
   Title: 19 px
   Caption: 12 px
10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. open “Video”
    3. open “Help page”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 56 px tall
    Send button: 56 px tall
    Help button: 52 px tall
    Back button: 56 px tall
12. 12.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Music", "Maths", "Science"];
    show(notes[2]); (a) Music (b) Science (c) Sports (d) Maths
13. 13.True or false: how fast a task is done is about UI (the look). (a) True (b) False
14. 14.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) has the real colours (d) is a quick sketch
15. 15.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) colour-blind users (c) fast typists (d) the server
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Pay → Results → Address
    Design B: Home → Pens → Results → Shop → Pay → Address (a) Design B (b) Design A
17. 17.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
18. 18.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
19. 19.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ top bar ]
    [ search box ]
    [ tab bar ]
    [ big picture ]
    [ menu icon ]
    [ Save button ] (a) menu icon (b) top bar (c) Save button (d) tab bar
20. 20.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
21. 21.🔢 In a photo-post flow, what comes right after “write a caption”? (a) open the camera screen (b) take the photo (c) add a filter (d) post the photo
22. 22.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Arjun", "Zoya", "Aman", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Zoya (b) Arjun (c) Kabir (d) Aman
23. 23.🔢 In a food-order flow, which comes LAST? (a) track the order (b) open the menu (c) check the cart (d) add it to the cart
24. 24.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) at the bottom (d) nowhere
25. 25.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) home screen (d) shortcut
26. 26.True or false: whether users get lost is about UX (the experience). (a) False (b) True
27. 27.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
28. 28.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
29. 29.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) perfect UX (c) good UX but poor UI (d) good UI but poor UX
30. 30.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) read a question (d) see the final score
31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Map”
    3. tap Back
    4. open “Match report”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
32. 32.♿ What should every icon-only button have for screen readers? (a) a text label (b) a bright colour (c) a long animation (d) a sound
33. 33.🔀 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
34. 34.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it adds colours (d) it runs the app
35. 35.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) looks like the real app (d) is a quick sketch
36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Address → Item → Shop
    Design B: Home → Search → Size (a) Design A (b) Design B
37. 37.🔍 Which is the odd one out? (a) big touch targets (b) text that can grow (c) fast-flashing lights (d) strong colour contrast
38. 38.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) only the coder (d) nobody
39. 39.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
40. 40.Which of these makes the app harder to use? (a) tiny tap areas (b) captions on videos (c) labels on every icon (d) big touch targets

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