App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 48 · 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.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
2. 2.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it runs the app (d) it saves data
3. 3.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) add it to the cart (b) track the order
4. 4.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
5. 5.True or false: the icon shapes is about UX (the experience). (a) False (b) True
6. 6.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Title: 17 px
   Caption: 12 px
   Body text: 17 px
7. 7.Which of these is true of a wireframe? (a) uses plain grey boxes (b) has the real colours (c) looks like the real app (d) uses the final pictures
8. 8.Which colour pair is easy to read? (a) pale pink on white (b) red on green (c) yellow on white (d) dark blue on white
9. 9.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a clear next step (c) the same screen (d) a dead end
10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Menu → Pay
    Design B: Home → Size → Cart → Menu → Search → Shop (a) Design B (b) Design A
11. 11.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Kabir", "Aman", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Zoya (c) Riya (d) Aman
12. 12.🔘 Our rule: buttons are at least 48 px tall. The Done button is 24 px tall. How many px taller must it be?
13. 13.💾 What number does this code show?
    let songs = ["Stars", "Rain"];
    songs.push("Monsoon");
    show(songs.length);
14. 14.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) open the camera screen (c) add a filter (d) post the photo
15. 15.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
16. 16.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
17. 17.Which of these helps everyone use the app? (a) captions on videos (b) icons with no labels (c) tiny tap areas (d) sudden loud sounds
18. 18.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
19. 19.Which of these is true of a final design? (a) shows where things go (b) looks like the real app (c) has no real colours (d) uses plain grey boxes
20. 20.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) shows where things go (d) uses the final pictures
21. 21.True or false: strong colour contrast is good button design. (a) True (b) False
22. 22.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) tab bar (d) home screen
23. 23.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) a random page (c) the last app used (d) the phone settings
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Results → Shop → Item → Confirm
    Design B: Home → Search → Pens → Cart → Item → Results → Pay
25. 25.🧭 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
26. 26.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
27. 27.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
28. 28.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ big picture ]
    [ top bar ]
    [ search box ]
30. 30.True or false: a final design shows where things go. (a) True (b) False
31. 31.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 60 px tall
    Help button: 56 px tall
    Next button: 52 px tall
33. 33.🔢 In a sign-up flow, which comes first: “make a password” or “type name and email”? (a) type name and email (b) make a password
34. 34.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pay → Size → Offers → Confirm
    Design B: Home → Search → Cart → Confirm → Shop → Offers → Size (a) Design B (b) Design A
36. 36.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Results → Pens → Menu
    Design B: Home → Pens → Item → Results → Cart → Menu → Shop
38. 38.♿ A screen has 12 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
39. 39.True or false: a wireframe uses plain grey boxes. (a) False (b) True
40. 40.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Zoya", "Riya", "Aman", "Arjun"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Zoya (b) Aman (c) Riya (d) Meera

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