App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 770 · 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.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 44 px tall. How many px taller must it be?
2. 2.True or false: a final design looks like the real app. (a) True (b) False
3. 3.♿ A screen has 11 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
4. 4.🖼️ How many parts (boxes) does this wireframe have?
   [ top bar ]
   [ search box ]
   [ Save button ]
   [ big picture ]
5. 5.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Quiz tab
   2. open “Video”
   3. tap Back
   4. open “Badges”
   How many times must you tap Back to reach the main screen of this tab?
7. 7.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) open the camera screen (d) add a filter
8. 8.🔘 Our rule: buttons are at least 48 px tall. The Start button is 32 px tall. How many px taller must it be?
9. 9.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) read a question (c) tap “Start quiz” (d) see if it is right
10. 10.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ Add button ]
    [ tab bar ]
    [ big picture ]
    [ list of items ]
11. 11.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
12. 12.True or false: whether users get lost is about UI (the look). (a) True (b) False
13. 13.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
14. 14.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) plays music (d) makes text tiny
15. 15.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UI but poor UX (c) good UX but poor UI (d) perfect UX
16. 16.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) type name and email (c) see the home screen (d) make a password
17. 17.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
18. 18.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) the font size (d) how fast a task is done
19. 19.True or false: a big, easy tap area is poor button design. (a) True (b) False
20. 20.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
21. 21.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) track the order (c) pick a dish (d) open the menu
22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Menu → Cart → Search → Item → Pens
    Design B: Home → Address → Shop (a) Design A (b) Design B
23. 23.💾 What number does this code show?
    let songs = ["Kites", "Monsoon", "Sunrise", "Ocean"];
    songs.push("Stars");
    show(songs.length);
24. 24.Which of these is true of a wireframe? (a) shows where things go (b) uses the final pictures (c) shows the real fonts (d) has the real colours
25. 25.Which of these is about UI (the look)? (a) whether users get lost (b) the theme colours (c) how easy sign-up is (d) how many taps it takes
26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ list of items ]
    [ big picture ]
    [ search box ] (a) big picture (b) search box (c) title text (d) list of items
27. 27.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) looks like the real app (d) uses plain grey boxes
28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Search → Results → Pay
    Design B: Home → Search → Pay → Size → Results → Offers (a) Design A (b) Design B
29. 29.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
30. 30.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ big picture ] (a) search box (b) tab bar (c) top bar (d) big picture
31. 31.True or false: a final design uses plain grey boxes. (a) False (b) True
32. 32.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
33. 33.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ big picture ]
    [ tab bar ]
    [ filter buttons ] (a) filter buttons (b) tab bar (c) big picture
34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Size → Confirm
    Design B: Home → Offers → Pens (a) Design A (b) Design B
35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Home tab
    3. open “Map”
    4. tap Back
    5. tap the Profile tab
    Which screen are you on now? (a) Profile (b) Search (c) Home (d) Map
36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Chat tab
    3. open “Score card”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
37. 37.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 3 to 5 (c) 20 (d) 1
38. 38.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 60 px tall
    Send button: 64 px tall
    Cancel button: 36 px tall
39. 39.💾 Which can hold many values in order? (a) a switch (b) a button (c) a list (d) a single number
40. 40.Which of these is true of a menu button? (a) switches main sections (b) hides extra links (c) shows 3 to 5 icons (d) undoes one move

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