App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 278 · 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 red on green easy or hard to read on a button? (a) easy to read (b) hard to read
2. 2.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 17 px
   Label: 28 px
   Body text: 9 px
   Caption: 21 px (a) Label (b) Hint (c) Caption (d) Body text
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Score card”
   2. tap the Home tab
   3. tap the Profile tab
   Which screen are you on now? (a) Search (b) Profile (c) Score card (d) Home
4. 4.💾 pop() takes off the last item. What does this code show?
   let notes = ["Music", "Art", "Science", "Hindi"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Music (b) Science (c) Hindi (d) Art
5. 5.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 1 (c) 10 to 12 (d) 20
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Menu → Confirm → Search
   Design B: Home → Pens → Results → Menu → Offers
7. 7.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) open the menu (c) pay for the order (d) track the order
8. 8.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
9. 9.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) check the cart (c) add it to the cart (d) pay for the order
10. 10.🔢 In a food-order flow, what comes right after “check the cart”? (a) pick a dish (b) pay for the order (c) track the order (d) open the menu
11. 11.True or false: the icon shapes is about UX (the experience). (a) False (b) True
12. 12.True or false: a final design uses the final pictures. (a) False (b) True
13. 13.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
14. 14.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
15. 15.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
16. 16.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
17. 17.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Friend list”
    4. tap the Quiz tab
    Which screen are you on now? (a) Friend list (b) Match report (c) Lessons (d) Quiz
18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ big picture ]
    [ search box ]
    [ filter buttons ]
    [ list of items ]
    [ Save button ] (a) search box (b) Save button (c) big picture (d) filter buttons
19. 19.💾 Which works with no internet at all? (a) data saved on the phone (b) a shared chat (c) a cloud backup (d) a cloud leaderboard
20. 20.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
21. 21.🔍 Which is the odd one out? (a) the button colours (b) how users feel after (c) the icon shapes (d) the font size
22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Profile tab
    3. tap the Search tab
    4. tap the Profile tab
    Which screen are you on now? (a) Home (b) Search (c) Profile (d) Badges
23. 23.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) that tab’s main screen (c) the last app used (d) the phone settings
24. 24.🔀 Why plan the user flow before building? (a) to skip testing (b) so each step is clear (c) to hide the buttons (d) to add more taps
25. 25.True or false: a wireframe has the real colours. (a) True (b) False
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Pay → Shop
    Design B: Home → Pens → Results → Item → Search → Menu → Cart
27. 27.🔘 Our rule: buttons are at least 48 px tall. The Start button is 32 px tall. How many px taller must it be?
28. 28.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
29. 29.💾 What number does this code show?
    let notes = ["Art", "Science", "Music", "Sports"];
    notes.push("Hindi");
    notes.push("Maths");
    show(notes.length);
30. 30.♿ A screen has 11 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
31. 31.True or false: “icons with no labels” helps everyone use the app. (a) False (b) True
32. 32.🔢 In a food-order flow, which comes FIRST? (a) pick a dish (b) add it to the cart (c) open the menu (d) pay for the order
33. 33.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) dark blue on black (d) dark blue on white
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Friend list”
    3. open “Edit photo”
    4. tap the Search tab
    5. tap the Home tab
    Which screen are you on now? (a) Home (b) Edit photo (c) Friend list (d) Search
35. 35.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
36. 36.Which of these makes the app harder to use? (a) fast-flashing lights (b) strong colour contrast (c) labels on every icon (d) big touch targets
37. 37.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) write a caption (c) take the photo (d) open the camera screen
38. 38.True or false: a wireframe has no real colours. (a) False (b) True
39. 39.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) shows the real fonts (d) looks like the real app
40. 40.🔍 Which is the odd one out? (a) the screen layout (b) how fast a task is done (c) the icon shapes (d) the button colours

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