App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 83 · 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.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
2. 2.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
3. 3.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) nowhere (c) inside a button (d) at the bottom
4. 4.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
5. 5.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
6. 6.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
7. 7.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Menu → Item → Pay → Size → Address
   Design B: Home → Offers → Results → Search → Confirm → Menu → Address
9. 9.True or false: a wireframe is a quick sketch. (a) False (b) True
10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Badges”
    Which screen are you on now? (a) Edit photo (b) Quiz (c) Badges (d) Lessons
11. 11.True or false: buttons almost touching is good button design. (a) False (b) True
12. 12.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
13. 13.♿ A screen has 8 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Edit photo”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Video”
    3. open “Video”
    4. tap Back
    Which screen are you on now? (a) Search (b) Match report (c) Home (d) Video
16. 16.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
17. 17.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) type name and email (b) open the app (c) tap “Sign up” (d) see the home screen
18. 18.True or false: icons with no meaning is good button design. (a) True (b) False
19. 19.💾 What number does this code show?
    let notes = ["Art", "Maths", "Hindi"];
    notes.push("Music");
    show(notes.length);
20. 20.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) shortcut (c) tab bar (d) dead end
21. 21.Which of these fits saving on the phone? (a) your last game level (b) chat messages to friends (c) a class leaderboard (d) photos on two devices
22. 22.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
23. 23.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
24. 24.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 72 px tall
    Help button: 44 px tall
    Cancel button: 60 px tall (a) Help (b) Back (c) Cancel
26. 26.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
27. 27.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ title text ]
    [ Save button ]
    [ Add button ]
    [ search box ]
    [ filter buttons ]
    [ tab bar ] (a) tab bar (b) Save button (c) title text (d) filter buttons
28. 28.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Meera", "Zoya", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Zoya (c) Riya (d) Meera
29. 29.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
30. 30.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) nobody (d) real users
31. 31.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ Save button ]
    [ Add button ]
    [ top bar ]
    [ list of items ] (a) list of items (b) Add button (c) top bar
32. 32.True or false: a wireframe looks like the real app. (a) False (b) True
33. 33.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) add it to the cart (d) pick a dish
34. 34.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ big picture ]
    [ Add button ]
    [ Save button ]
    [ title text ] (a) title text (b) Add button (c) big picture (d) Save button
35. 35.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 3 to 5 (c) 20 (d) 10 to 12
36. 36.True or false: a tiny 20 px button is poor button design. (a) False (b) True
37. 37.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) the finished app (d) a type of password
38. 38.Which of these fits saving on the phone? (a) the sound on/off setting (b) photos on two devices (c) a shared to-do list (d) a class leaderboard
39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. open “Edit photo”
    Which screen are you on now? (a) Feed (b) Help page (c) Edit photo (d) Chat
40. 40.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) how users feel after (d) how fast a task is done

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