App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 648 · 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: a wireframe uses the final pictures. (a) True (b) False
2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. open “Map”
   3. tap Back
   4. open “Help page”
   Which screen are you on now? (a) Help page (b) Chat (c) Map (d) Feed
3. 3.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
4. 4.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
5. 5.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
6. 6.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) add a filter (c) open the camera screen (d) write a caption
7. 7.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 0 (c) 10 (d) 2
8. 8.True or false: a wireframe uses plain grey boxes. (a) False (b) True
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Lessons tab
   2. open “Map”
   3. tap the Lessons tab
   Which screen are you on now? (a) Map (b) Me (c) Lessons (d) Quiz
10. 10.Which of these is true of the back button? (a) undoes one move (b) shows 3 to 5 icons (c) opens a list of pages (d) sits at the bottom
11. 11.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
12. 12.Which of these helps everyone use the app? (a) labels on every icon (b) icons with no labels (c) fast-flashing lights (d) tiny tap areas
13. 13.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
14. 14.True or false: a wireframe is a quick sketch. (a) False (b) True
15. 15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
16. 16.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) colour as the only clue (d) strong colour contrast
17. 17.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) nobody (d) only yourself
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Friend list”
    3. tap Back
    Which screen are you on now? (a) Quiz (b) Friend list (c) Lessons (d) Me
19. 19.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) nowhere (c) in the middle (d) inside a button
20. 20.Which of these is true of a menu button? (a) undoes one move (b) shows 3 to 5 icons (c) sits at the bottom (d) hides extra links
21. 21.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) pay for the order (b) track the order
22. 22.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
23. 23.True or false: a wireframe has no real colours. (a) False (b) True
24. 24.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 11 px
    Title: 19 px
    Label: 16 px
    Body text: 13 px
25. 25.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) check the cart (c) open the menu (d) track the order
26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ tab bar ]
    [ big picture ]
    [ menu icon ]
    [ Add button ] (a) tab bar (b) Add button (c) big picture (d) menu icon
27. 27.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) add it to the cart (b) check the cart
28. 28.Which of these is about UI (the look)? (a) how easy sign-up is (b) the button colours (c) how users feel after (d) how fast a task is done
29. 29.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
30. 30.True or false: strong colour contrast is poor button design. (a) False (b) True
31. 31.True or false: a final design shows the real fonts. (a) False (b) True
32. 32.♿ Accessibility means an app works for ___. (a) only experts (b) nobody (c) only the coder (d) everyone
33. 33.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
34. 34.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) is a quick sketch (d) looks like the real app
35. 35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 27 px
    Body text: 10 px
    Label: 18 px
    Menu: 20 px (a) Menu (b) Label (c) Footer (d) Body text
36. 36.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
37. 37.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) tap “Start quiz” (c) read a question (d) see the final score
38. 38.🔍 Which is the odd one out? (a) how fast a task is done (b) the icon shapes (c) the font size (d) the screen layout
39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Size → Search → Shop → Cart → Menu
    Design B: Home → Pay → Offers → Menu → Address
40. 40.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Music", "Sports", "Hindi", "Maths"];
    show(notes[2]); (a) Science (b) Hindi (c) Music (d) Sports

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