App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 214 · 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.True or false: whether users get lost is about UX (the experience). (a) False (b) True
2. 2.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
3. 3.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the screen layout (d) the theme colours
4. 4.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
5. 5.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Edit photo”
   2. open “Friend list”
   3. tap the Lessons tab
   4. tap the Quiz tab
   How many times must you tap Back to reach the main screen of this tab?
7. 7.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
8. 8.True or false: a final design shows the real fonts. (a) False (b) True
9. 9.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
10. 10.💾 pop() takes off the last item. What does this code show?
    let notes = ["Sports", "Maths", "Music", "Science", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Music (c) Science (d) Sports
11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 48 px tall
    Save button: 32 px tall
    Help button: 64 px tall
    Start button: 68 px tall (a) Start (b) Save (c) Help (d) Next
12. 12.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) tap “Start quiz” (c) see the final score (d) read a question
13. 13.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) a menu button (c) the back button
14. 14.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
15. 15.🧭 Why should every screen show where you are? (a) to look busy (b) to hide the menu (c) to use more battery (d) so users do not get lost
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Menu
    Design B: Home → Cart → Results → Shop → Confirm (a) Design B (b) Design A
17. 17.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Match report”
    3. tap Back
    4. tap the Feed tab
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.True or false: the button colours is about UX (the experience). (a) False (b) True
20. 20.🔍 Which is the odd one out? (a) whether users get lost (b) the screen layout (c) how fast a task is done (d) how users feel after
21. 21.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
22. 22.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) post the photo (b) take the photo (c) write a caption (d) add a filter
23. 23.Which of these is true of a menu button? (a) switches main sections (b) opens a list of pages (c) sits at the bottom (d) undoes one move
24. 24.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Riya", "Kabir"];
    show(friends[2]); (a) Aman (b) Riya (c) Kabir
25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Score card”
    3. open “Match report”
    4. tap Back
    Which screen are you on now? (a) Feed (b) Score card (c) Match report (d) Edit photo
26. 26.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
27. 27.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) light grey on white (d) white on black
28. 28.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) check the cart (c) pay for the order (d) track the order
29. 29.Which of these is about UI (the look)? (a) how easy sign-up is (b) the font size (c) whether users get lost (d) how users feel after
30. 30.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
31. 31.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) track the order (c) pick a dish (d) check the cart
32. 32.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it saves data (c) changes are quick (d) it adds colours
33. 33.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) see if it is right (d) pick an answer
34. 34.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
35. 35.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on yellow (d) red on green
36. 36.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    [ Save button ]
    [ search box ]
    [ big picture ] (a) big picture (b) filter buttons (c) Save button (d) title text
37. 37.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) colour-blind users (c) fast typists (d) the battery
38. 38.♿ Why add captions to videos? (a) so anyone can follow (b) to hide the sound (c) to slow them down (d) to add colour
39. 39.Which colour pair is hard to read? (a) white on black (b) red on green (c) dark blue on white (d) white on dark green
40. 40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ Add button ]
    [ filter buttons ]
    [ list of items ] (a) filter buttons (b) tab bar (c) list of items (d) Add button

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