App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 95 · 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.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. open “Score card”
   3. open “Help page”
   How many times must you tap Back to reach the main screen of this tab?
3. 3.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) to skip testing (d) so each step is clear
4. 4.🔍 Which is the odd one out? (a) how users feel after (b) the screen layout (c) the font size (d) the button colours
5. 5.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) open the app (c) tap “Sign up” (d) see the home screen
6. 6.Which of these makes the app harder to use? (a) strong colour contrast (b) captions on videos (c) big touch targets (d) icons with no labels
7. 7.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the phone is lost (d) the app is closed
8. 8.🖼️ How many parts (boxes) does this wireframe have?
   [ tab bar ]
   [ menu icon ]
   [ Save button ]
   [ search box ]
   [ big picture ]
9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Help page”
   2. tap Back
   3. tap the Feed tab
   4. open “Map”
   Which screen are you on now? (a) Chat (b) Help page (c) Map (d) Feed
10. 10.True or false: the screen layout is about UX (the experience). (a) False (b) True
11. 11.Which colour pair is easy to read? (a) yellow on white (b) red on green (c) black on yellow (d) light grey on white
12. 12.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) track the order (c) pick a dish (d) pay for the order
13. 13.🔢 In a food-order flow, which comes first: “pay for the order” or “pick a dish”? (a) pick a dish (b) pay for the order
14. 14.🎨 UI stands for user ___. (a) input (b) interface (c) idea (d) internet
15. 15.Which of these is true of a tab bar? (a) undoes one move (b) shows 3 to 5 icons (c) opens a list of pages (d) goes to the last screen
16. 16.Which of these is true of a final design? (a) is a quick sketch (b) uses the final pictures (c) shows where things go (d) uses plain grey boxes
17. 17.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 14 px
    Hint: 15 px
    Footer: 13 px
    Menu: 18 px
    Title: 22 px
18. 18.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ search box ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ top bar ] (a) filter buttons (b) big picture (c) Save button (d) search box
19. 19.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
20. 20.♿ A screen has 5 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
21. 21.🎨 Who should you test the UX with? (a) nobody (b) real users (c) only yourself (d) the app icon
22. 22.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to add colour (d) to slow them down
23. 23.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
24. 24.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ Add button ]
    [ tab bar ]
    [ list of items ]
    [ menu icon ] (a) menu icon (b) tab bar (c) Add button
25. 25.🔢 In a sign-up flow, which comes first: “open the app” or “see the home screen”? (a) open the app (b) see the home screen
26. 26.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) enter the code sent (c) tap “Sign up” (d) see the home screen
27. 27.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) has the real colours (d) looks like the real app
28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Size → Confirm → Pens → Shop
    Design B: Home → Item → Menu (a) Design A (b) Design B
29. 29.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
30. 30.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) so users do not get lost (d) to hide the menu
31. 31.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 25 px
    Title: 12 px
    Label: 23 px
    Hint: 26 px (a) Title (b) Caption (c) Label (d) Hint
32. 32.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) the path through screens (d) a colour theme
33. 33.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
34. 34.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 48 px tall
    Next button: 24 px tall
    Back button: 52 px tall (a) Back (b) Next (c) Save
36. 36.💾 What number does this code show?
    let stars = 4;
    stars = stars - 2;
    stars = stars + 3;
    show(stars);
37. 37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 36 px tall
    Cancel button: 56 px tall
    Help button: 60 px tall
38. 38.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Aman", "Zoya", "Kabir", "Arjun"];
    show(friends[0]); (a) Aman (b) Zoya (c) Meera (d) Kabir
39. 39.True or false: how users feel after is about UI (the look). (a) False (b) True
40. 40.🔍 Which is the odd one out? (a) icons with no labels (b) sudden loud sounds (c) colour as the only clue (d) strong colour contrast

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