App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 746 · 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 this about UI or UX: the icon shapes? (a) UX (b) UI
2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 56 px tall
   Done button: 44 px tall
   Send button: 52 px tall (a) Done (b) Next (c) Send
3. 3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 23 px
   Title: 11 px
   Hint: 19 px (a) Hint (b) Label (c) Title
4. 4.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) the battery (d) colour-blind users
5. 5.True or false: whether users get lost is about UI (the look). (a) False (b) True
6. 6.🔢 In a food-order flow, which comes first: “check the cart” or “pick a dish”? (a) check the cart (b) pick a dish
7. 7.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
   [ top bar ]
   [ search box ]
   [ Add button ]
   [ list of items ]
   [ menu icon ]
   [ tab bar ] (a) Add button (b) menu icon (c) list of items (d) top bar
8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Address → Results → Offers
   Design B: Home → Pens → Shop → Cart → Search (a) Design B (b) Design A
9. 9.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) a bigger app (c) better UX (d) worse UX
10. 10.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) photos on two devices (d) your last game level
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
12. 12.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ menu icon ]
    [ top bar ]
    [ search box ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ] (a) Save button (b) filter buttons (c) menu icon (d) big picture
13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ tab bar ]
    [ Save button ]
    [ list of items ] (a) tab bar (b) Save button (c) list of items (d) filter buttons
14. 14.♿ A screen has 5 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
15. 15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 24 px tall
    Start button: 60 px tall
    Help button: 60 px tall (a) Help (b) Start (c) Back
16. 16.Which colour pair is easy to read? (a) pale pink on white (b) red on green (c) light grey on white (d) white on black
17. 17.♿ Accessibility means an app works for ___. (a) only the coder (b) everyone (c) only experts (d) nobody
18. 18.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
19. 19.🎨 UX stands for user ___. (a) experience (b) example (c) express (d) extra
20. 20.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) open the menu (b) add it to the cart
21. 21.💾 What does this code show? (Positions start at 0.)
    let friends = ["Kabir", "Zoya", "Arjun", "Riya"];
    show(friends[2]); (a) Zoya (b) Riya (c) Kabir (d) Arjun
22. 22.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) nowhere (d) at the bottom
23. 23.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
24. 24.Which of these is true of a wireframe? (a) looks like the real app (b) shows where things go (c) has the real colours (d) uses the final pictures
25. 25.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “pick an answer”? (a) pick an answer (b) tap “Start quiz”
26. 26.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ title text ]
    [ search box ]
    [ top bar ]
    [ Add button ]
    [ big picture ] (a) title text (b) big picture (c) Add button (d) top bar
27. 27.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
28. 28.✏️ 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
29. 29.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
30. 30.💾 What number does this code show?
    let songs = ["Rain", "Sunrise", "Stars"];
    songs.push("Kites");
    show(songs.length);
31. 31.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a type of font (d) a charging cable
32. 32.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) so users do not get lost (d) to hide the menu
33. 33.🔢 In a sign-up flow, what comes right after “open the app”? (a) see the home screen (b) type name and email (c) enter the code sent (d) tap “Sign up”
34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Cart → Address
    Design B: Home → Pens → Offers → Size → Search → Item → Shop (a) Design A (b) Design B
35. 35.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) goes to the last screen (d) opens settings
36. 36.Which colour pair is easy to read? (a) black on yellow (b) dark blue on black (c) yellow on white (d) pale pink on white
37. 37.🔢 In a photo-post flow, which comes first: “take the photo” or “write a caption”? (a) write a caption (b) take the photo
38. 38.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ big picture ]
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    [ title text ] (a) filter buttons (b) title text (c) Save button (d) big picture
39. 39.🔘 Our rule: buttons are at least 48 px tall. The Start button is 32 px tall. How many px taller must it be?
40. 40.✏️ What is a wireframe? (a) a simple screen sketch (b) a type of password (c) the finished app (d) a charging cable

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