App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 316 · 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 this wireframe (top to bottom), which part is at the very bottom?
   [ Add button ]
   [ list of items ]
   [ menu icon ]
   [ search box ]
   [ Save button ]
   [ filter buttons ] (a) menu icon (b) Add button (c) filter buttons (d) list of items
2. 2.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
3. 3.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pay for the order (c) open the menu (d) pick a dish
4. 4.💾 What is a variable? (a) a named box for a value (b) a phone setting (c) a type of screen (d) a picture
5. 5.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 15 px
   Footer: 16 px
   Caption: 11 px
   Body text: 19 px
6. 6.🔘 Our rule: buttons are at least 48 px tall. The Send button is 40 px tall. How many px taller must it be?
7. 7.💾 What number does this code show?
   let stars = 9;
   stars = stars - 1;
   stars = stars + 5;
   show(stars);
8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. open “Match report”
   3. open “Video”
   4. tap the Lessons tab
   How many times must you tap Back to reach the main screen of this tab?
9. 9.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the screen turns off (c) the phone is lost (d) you send a message
10. 10.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) open the menu (b) track the order
11. 11.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pay for the order (c) track the order (d) pick a dish
12. 12.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
13. 13.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) the phone settings (d) that tab’s main screen
14. 14.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) check the cart (c) track the order (d) pay for the order
15. 15.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) type name and email (c) open the app (d) enter the code sent
16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Size → Pens → Item → Pay
    Design B: Home → Cart → Address → Pens
17. 17.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) the screen layout (d) how users feel after
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Lessons tab
    3. open “Match report”
    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 above the menu icon?
    [ search box ]
    [ menu icon ]
    [ top bar ]
    [ tab bar ] (a) top bar (b) tab bar (c) search box
20. 20.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) text that can grow (d) big touch targets
21. 21.🔍 Which is the odd one out? (a) how users feel after (b) the font size (c) whether users get lost (d) how easy sign-up is
22. 22.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ list of items ]
    [ search box ]
    [ top bar ]
23. 23.True or false: a wireframe is a quick sketch. (a) True (b) False
24. 24.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
25. 25.Which of these is about UX (the experience)? (a) the theme colours (b) the icon shapes (c) whether users get lost (d) the font size
26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 64 px tall
    Next button: 32 px tall
    Start button: 32 px tall
27. 27.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see the final score (c) read a question (d) see if it is right
28. 28.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) yellow on white (d) black on pale grey
29. 29.True or false: a final design uses the final pictures. (a) False (b) True
30. 30.🔍 Which is the odd one out? (a) strong colour contrast (b) icons with no labels (c) colour as the only clue (d) tiny tap areas
31. 31.Which of these is true of a menu button? (a) hides extra links (b) shows 3 to 5 icons (c) sits at the bottom (d) switches main sections
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 32 px tall
    Save button: 64 px tall
    Cancel button: 48 px tall
    Back button: 40 px tall
33. 33.True or false: the button colours is about UX (the experience). (a) False (b) True
34. 34.Which of these is true of a tab bar? (a) switches main sections (b) goes to the last screen (c) opens a list of pages (d) undoes one move
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
36. 36.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
37. 37.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
38. 38.Which of these is true of a wireframe? (a) has no real colours (b) uses the final pictures (c) shows the real fonts (d) looks like the real app
39. 39.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) tab bar (d) home screen
40. 40.Which of these fits saving in the cloud? (a) a class leaderboard (b) the sound on/off setting (c) your last game level (d) notes to read offline

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