App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 867 · 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.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 17 px
   Hint: 10 px
   Title: 23 px
   Menu: 17 px
3. 3.True or false: the button colours is about UX (the experience). (a) True (b) False
4. 4.💾 What number does this code show?
   let stars = 3;
   stars = stars - 1;
   stars = stars + 3;
   show(stars);
5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. open “Score card”
   3. tap Back
   Which screen are you on now? (a) Quiz (b) Map (c) Score card (d) Lessons
6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 60 px tall
   Cancel button: 52 px tall
   Back button: 64 px tall
7. 7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ top bar ]
   [ filter buttons ]
   [ search box ]
   [ Add button ]
   [ big picture ]
   [ Save button ] (a) Save button (b) top bar (c) Add button (d) filter buttons
8. 8.Which of these is about UX (the experience)? (a) the theme colours (b) the icon shapes (c) the screen layout (d) how many taps it takes
9. 9.🔢 In a photo-post flow, which comes first: “take the photo” or “write a caption”? (a) take the photo (b) write a caption
10. 10.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
11. 11.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Video”
    Which screen are you on now? (a) Home (b) Video (c) Map (d) Search
13. 13.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
14. 14.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
15. 15.True or false: a big, easy tap area is poor button design. (a) False (b) True
16. 16.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ filter buttons ]
    [ big picture ]
    [ Add button ]
    [ list of items ] (a) Add button (b) filter buttons (c) list of items
17. 17.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) track the order (b) open the menu
18. 18.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ filter buttons ]
    [ title text ]
    [ tab bar ] (a) filter buttons (b) tab bar (c) title text
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Quiz tab
    3. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
20. 20.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Science", "Hindi", "Sports", "Art"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Maths (c) Sports (d) Hindi
21. 21.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) see if it is right (c) pick an answer (d) see the final score
22. 22.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Map”
    3. open “Map”
    4. open “Video”
    5. tap Back
    Which screen are you on now? (a) Quiz (b) Map (c) Video (d) Lessons
24. 24.🔢 In a sign-up flow, what comes right after “open the app”? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) see the home screen
25. 25.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 24 px
    Menu: 11 px
    Hint: 28 px (a) Hint (b) Menu (c) Body text
27. 27.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 56 px tall
    Help button: 68 px tall
    Save button: 52 px tall
    Cancel button: 28 px tall (a) Start (b) Save (c) Help (d) Cancel
29. 29.Which of these helps everyone use the app? (a) icons with no labels (b) tiny tap areas (c) sudden loud sounds (d) labels on every icon
30. 30.💾 pop() takes off the last item. What does this code show?
    let notes = ["Music", "Sports", "Maths", "Science"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Music (c) Sports (d) Maths
31. 31.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) uses plain grey boxes (d) uses the final pictures
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Help page”
    3. tap Back
    4. open “Map”
    5. tap Back
    Which screen are you on now? (a) Map (b) Friend list (c) Feed (d) Help page
33. 33.True or false: “fast-flashing lights” makes the app harder to use. (a) False (b) True
34. 34.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) at the bottom (c) inside a button (d) in the middle
35. 35.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
36. 36.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
37. 37.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
38. 38.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) take the photo (c) write a caption (d) open the camera screen
39. 39.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) uses the final pictures (d) is a quick sketch
40. 40.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design

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