App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 681 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Item → Address → Offers → Confirm
   Design B: Home → Offers → Pens (a) Design B (b) Design A
2. 2.🖼️ How many parts (boxes) does this wireframe have?
   [ list of items ]
   [ Add button ]
   [ filter buttons ]
   [ title text ]
3. 3.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
4. 4.🔍 Which is the odd one out? (a) captions on videos (b) labels on every icon (c) icons with no labels (d) text that can grow
5. 5.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) colour as the only clue (d) big touch targets
6. 6.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
7. 7.💾 What does this code show? (Positions start at 0.)
   let friends = ["Aman", "Riya", "Zoya", "Meera", "Kabir"];
   show(friends[3]); (a) Aman (b) Zoya (c) Riya (d) Meera
8. 8.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) a charging cable (d) the path through screens
9. 9.🎨 UX stands for user ___. (a) experience (b) express (c) extra (d) example
10. 10.True or false: buttons almost touching is good button design. (a) True (b) False
11. 11.💾 What number does this code show?
    let songs = ["Ocean", "Sunrise", "Kites"];
    songs.push("Rain");
    songs.push("Stars");
    show(songs.length);
12. 12.Which colour pair is hard to read? (a) dark blue on white (b) light grey on white (c) white on dark green (d) white on black
13. 13.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
14. 14.💾 pop() takes off the last item. What does this code show?
    let friends = ["Zoya", "Meera", "Aman", "Kabir", "Arjun"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Zoya (b) Kabir (c) Aman (d) Meera
15. 15.🔍 Which is the odd one out? (a) the font size (b) how users feel after (c) the icon shapes (d) the screen layout
16. 16.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) has the real colours (d) looks like the real app
17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Confirm → Address → Shop → Menu → Cart
    Design B: Home → Results → Menu → Pens → Confirm
18. 18.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
19. 19.Which of these is true of a final design? (a) has the real colours (b) shows where things go (c) is a quick sketch (d) uses plain grey boxes
20. 20.True or false: the theme colours is about UI (the look). (a) True (b) False
21. 21.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Me tab
    3. tap the Me tab
    4. open “Edit photo”
    5. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Confirm → Pens → Pay → Item → Results
    Design B: Home → Pens → Pay → Search → Size → Cart
24. 24.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
25. 25.True or false: a wireframe uses the final pictures. (a) True (b) False
26. 26.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) delete this (c) a picture goes here (d) an error
27. 27.True or false: a tiny 20 px button is good button design. (a) True (b) False
28. 28.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a dead end (c) a random page (d) the same screen
29. 29.Which colour pair is easy to read? (a) pale pink on white (b) red on green (c) light grey on white (d) white on dark green
30. 30.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) read a question (b) see the final score (c) tap “Start quiz” (d) see if it is right
31. 31.True or false: “sudden loud sounds” helps everyone use the app. (a) True (b) False
32. 32.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
33. 33.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) so each step is clear (d) to skip testing
34. 34.🔢 In a food-order flow, what comes right after “check the cart”? (a) pay for the order (b) open the menu (c) add it to the cart (d) pick a dish
35. 35.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    [ search box ] (a) filter buttons (b) Save button (c) search box (d) top bar
36. 36.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) a tab bar (c) the back button
37. 37.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
38. 38.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
39. 39.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
40. 40.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) track the order (c) pick a dish (d) pay for the order

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