App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 304 · 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.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) type name and email (c) enter the code sent (d) see the home screen
2. 2.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
3. 3.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 10 to 12 (c) 1 (d) 3 to 5
4. 4.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
5. 5.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) an error (c) a closed app (d) delete this
6. 6.True or false: a final design has no real colours. (a) True (b) False
7. 7.🔍 Which is the odd one out? (a) how easy sign-up is (b) how many taps it takes (c) how fast a task is done (d) the icon shapes
8. 8.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
9. 9.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) has the real colours (d) uses plain grey boxes
10. 10.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
11. 11.💾 What number does this code show?
    let notes = ["Music", "Maths", "Science"];
    notes.push("Hindi");
    notes.push("Art");
    show(notes.length);
12. 12.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
13. 13.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) nobody (d) only the coder
14. 14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 68 px tall
    Help button: 28 px tall
    Start button: 64 px tall (a) Start (b) Help (c) Done
15. 15.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a bright colour (c) a sound (d) a text label
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ search box ]
    [ list of items ]
    [ big picture ]
    [ Save button ]
17. 17.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) tap “Start quiz” (c) read a question (d) see the final score
18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. open “Badges”
    4. tap Back
    5. open “Score card”
    Which screen are you on now? (a) Help page (b) Score card (c) Feed (d) Badges
19. 19.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
20. 20.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
21. 21.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
22. 22.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
23. 23.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 56 px tall
    Help button: 32 px tall
    Next button: 56 px tall
24. 24.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses plain grey boxes (d) shows the real fonts
25. 25.True or false: whether users get lost is about UI (the look). (a) False (b) True
26. 26.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “pick an answer”? (a) pick an answer (b) tap “Start quiz”
27. 27.True or false: a final design shows the real fonts. (a) True (b) False
28. 28.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) undoes one move (c) switches main sections (d) opens a list of pages
29. 29.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see if it is right (b) pick an answer (c) see the final score (d) read a question
30. 30.🔢 In a quiz-app flow, which comes first: “see the final score” or “read a question”? (a) read a question (b) see the final score
31. 31.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Art", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Sports (c) Science (d) Hindi
32. 32.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Profile tab
    4. tap the Search tab
    Which screen are you on now? (a) Home (b) Profile (c) Edit photo (d) Search
33. 33.True or false: the screen layout is about UX (the experience). (a) True (b) False
34. 34.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to look busy (c) to use more battery (d) to hide the menu
35. 35.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
36. 36.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
37. 37.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) type name and email (b) enter the code sent
38. 38.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Badges”
    3. tap the Settings tab
    4. open “Map”
    Which screen are you on now? (a) Map (b) Match report (c) Badges (d) Feed
40. 40.💾 What number does this code show?
    let notes = ["Music", "Art"];
    notes.push("Hindi");
    show(notes.length);

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