App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 829 · 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.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
2. 2.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
3. 3.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
   [ menu icon ]
   [ filter buttons ]
   [ list of items ]
   [ tab bar ] (a) tab bar (b) menu icon (c) list of items
4. 4.True or false: a wireframe looks like the real app. (a) True (b) False
5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Score card”
   2. tap the Lessons tab
   3. tap the Me tab
   Which screen are you on now? (a) Score card (b) Quiz (c) Me (d) Lessons
6. 6.🎨 UI stands for user ___. (a) internet (b) idea (c) interface (d) input
7. 7.🖼️ How many parts (boxes) does this wireframe have?
   [ big picture ]
   [ tab bar ]
   [ top bar ]
   [ Save button ]
8. 8.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) a menu button (c) the back button
9. 9.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) has the real colours (d) looks like the real app
10. 10.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) open the app (c) see the home screen (d) type name and email
11. 11.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
12. 12.Which of these is true of the back button? (a) switches main sections (b) sits at the bottom (c) shows 3 to 5 icons (d) goes to the last screen
13. 13.🔢 In a food-order flow, which comes FIRST? (a) pick a dish (b) check the cart (c) open the menu (d) pay for the order
14. 14.True or false: “colour as the only clue” makes the app harder to use. (a) True (b) False
15. 15.💾 What number does this code show?
    let notes = ["Art", "Maths", "Sports"];
    notes.push("Hindi");
    show(notes.length);
16. 16.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 40 px tall
    Done button: 32 px tall
    Help button: 40 px tall
17. 17.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Lessons tab
    3. tap the Quiz tab
    4. open “Map”
    Which screen are you on now? (a) Map (b) Friend list (c) Quiz (d) Lessons
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Badges”
    3. tap Back
    4. open “Video”
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ top bar ]
    [ menu icon ]
    [ Save button ]
    [ title text ] (a) title text (b) Save button (c) top bar
20. 20.🔍 Which is the odd one out? (a) icons with no labels (b) captions on videos (c) labels on every icon (d) strong colour contrast
21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ title text ]
    [ menu icon ]
    [ top bar ] (a) title text (b) top bar (c) menu icon (d) filter buttons
22. 22.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
23. 23.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) pick a dish (c) add it to the cart (d) track the order
24. 24.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) how fast a task is done (d) the icon shapes
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 17 px
    Body text: 9 px
    Hint: 23 px
    Footer: 23 px
    Menu: 17 px (a) Title (b) Hint (c) Footer (d) Body text
26. 26.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Hindi", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Hindi (b) Maths (c) Art
27. 27.🔢 In a sign-up flow, which comes first: “type name and email” or “see the home screen”? (a) see the home screen (b) type name and email
28. 28.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) pick an answer (c) read a question (d) tap “Start quiz”
29. 29.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap Back
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
31. 31.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) notes to read offline (d) chat messages to friends
32. 32.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
33. 33.🔍 Which is the odd one out? (a) text that can grow (b) labels on every icon (c) sudden loud sounds (d) strong colour contrast
34. 34.True or false: notes to read offline fits saving on the phone. (a) False (b) True
35. 35.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
36. 36.🔍 Which is the odd one out? (a) sudden loud sounds (b) captions on videos (c) icons with no labels (d) colour as the only clue
37. 37.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see the final score (d) see if it is right
38. 38.Which of these is true of a tab bar? (a) hides extra links (b) opens a list of pages (c) shows 3 to 5 icons (d) undoes one move
39. 39.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
40. 40.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) a type of font (d) the path through screens

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