App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 72 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. tap the Chat tab
   3. open “Friend list”
   4. tap Back
   How many times must you tap Back to reach the main screen of this tab?
2. 2.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Video”
   2. open “Friend list”
   3. open “Edit photo”
   Which screen are you on now? (a) Friend list (b) Home (c) Video (d) Edit photo
3. 3.🧭 Why should every screen show where you are? (a) to look busy (b) to hide the menu (c) so users do not get lost (d) to use more battery
4. 4.🖼️ In this wireframe (top to bottom), what is right above the top bar?
   [ big picture ]
   [ tab bar ]
   [ top bar ]
   [ list of items ] (a) list of items (b) tab bar (c) big picture
5. 5.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
6. 6.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
7. 7.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a long animation (d) a text label
8. 8.True or false: grey text on grey is poor button design. (a) True (b) False
9. 9.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) a picture goes here (c) delete this (d) an error
10. 10.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) take the photo (c) write a caption (d) open the camera screen
11. 11.🎨 Who should you test the UX with? (a) only yourself (b) nobody (c) real users (d) the app icon
12. 12.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) chat messages to friends (d) your last game level
13. 13.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
14. 14.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) in the middle (c) nowhere (d) inside a button
15. 15.🔢 In a photo-post flow, which comes first: “post the photo” or “open the camera screen”? (a) post the photo (b) open the camera screen
16. 16.🔍 Which is the odd one out? (a) the font size (b) how fast a task is done (c) the theme colours (d) the screen layout
17. 17.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) type name and email (c) open the app (d) tap “Sign up”
18. 18.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) open the menu (c) pick a dish (d) add it to the cart
19. 19.Which of these makes the app harder to use? (a) text that can grow (b) labels on every icon (c) big touch targets (d) fast-flashing lights
20. 20.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) how easy sign-up is (d) the font size
21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 24 px tall
    Cancel button: 56 px tall
    Send button: 52 px tall (a) Send (b) Cancel (c) Save
22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Map”
    4. tap the Profile tab
    Which screen are you on now? (a) Map (b) Edit photo (c) Home (d) Profile
23. 23.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
24. 24.🔘 Our rule: buttons are at least 48 px tall. The Start button is 36 px tall. How many px taller must it be?
25. 25.True or false: icons with no meaning is good button design. (a) True (b) False
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 12 px
    Footer: 27 px
    Caption: 28 px
    Hint: 16 px
    Body text: 17 px (a) Hint (b) Label (c) Caption (d) Footer
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 28 px tall
    Help button: 72 px tall
    Start button: 72 px tall
    Next button: 48 px tall (a) Start (b) Next (c) Done (d) Help
28. 28.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Sports", "Art", "Music", "Maths"];
    show(notes[3]); (a) Sports (b) Music (c) Science (d) Art
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Friend list”
    3. open “Video”
    4. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
30. 30.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
31. 31.Which of these is true of a final design? (a) uses plain grey boxes (b) shows the real fonts (c) shows where things go (d) is a quick sketch
32. 32.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
33. 33.Which colour pair is easy to read? (a) red on green (b) white on dark green (c) dark blue on black (d) light grey on white
34. 34.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) looks like the real app (d) shows the real fonts
35. 35.💾 What number does this code show?
    let lives = 8;
    lives = lives - 5;
    lives = lives + 2;
    show(lives);
36. 36.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ] (a) big picture (b) top bar (c) Save button
37. 37.True or false: strong colour contrast is good button design. (a) True (b) False
38. 38.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) so each step is clear (d) to hide the buttons
39. 39.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
40. 40.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX

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