App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 372 · 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.🔍 Which is the odd one out? (a) the theme colours (b) the font size (c) how users feel after (d) the screen layout
2. 2.True or false: your last game level fits saving on the phone. (a) True (b) False
3. 3.🔍 Which is the odd one out? (a) text that can grow (b) icons with no labels (c) tiny tap areas (d) colour as the only clue
4. 4.🖼️ In this wireframe (top to bottom), what is right above the list of items?
   [ tab bar ]
   [ menu icon ]
   [ list of items ]
   [ search box ]
   [ filter buttons ]
   [ top bar ] (a) top bar (b) tab bar (c) filter buttons (d) menu icon
5. 5.🧭 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
6. 6.🔍 Which is the odd one out? (a) how fast a task is done (b) the icon shapes (c) how users feel after (d) how easy sign-up is
7. 7.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Back button: 48 px tall
   Start button: 44 px tall
   Save button: 64 px tall
   Send button: 68 px tall (a) Save (b) Send (c) Back (d) Start
9. 9.True or false: a wireframe has no real colours. (a) False (b) True
10. 10.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) good UI but poor UX (d) perfect UX
11. 11.Which colour pair is hard to read? (a) white on dark green (b) pale pink on white (c) black on pale grey (d) dark blue on white
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Badges”
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
13. 13.True or false: space between buttons is good button design. (a) False (b) True
14. 14.True or false: how many taps it takes is about UI (the look). (a) True (b) False
15. 15.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
16. 16.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
17. 17.Which of these is true of the back button? (a) shows 3 to 5 icons (b) switches main sections (c) undoes one move (d) hides extra links
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Match report”
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) the battery (d) colour-blind users
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ title text ]
    [ big picture ]
21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 22 px
    Footer: 9 px
    Menu: 24 px (a) Title (b) Menu (c) Footer
22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 72 px tall
    Send button: 36 px tall
    Save button: 48 px tall
    Cancel button: 56 px tall (a) Back (b) Save (c) Cancel (d) Send
23. 23.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) use it on any device (d) shrink the app
24. 24.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a microphone (c) a phone case (d) a 3D printer
25. 25.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 14 px
    Footer: 27 px
    Body text: 23 px (a) Menu (b) Body text (c) Footer
27. 27.💾 What number does this code show?
    let songs = ["Sunrise", "Kites", "Ocean", "Monsoon"];
    songs.push("Rain");
    show(songs.length);
28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Score card”
    3. tap the Chat tab
    4. open “Map”
    Which screen are you on now? (a) Chat (b) Map (c) Feed (d) Score card
29. 29.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) add it to the cart (c) open the menu (d) track the order
30. 30.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) uses the final pictures (d) shows where things go
31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 60 px tall
    Start button: 72 px tall
    Back button: 36 px tall (a) Back (b) Start (c) Cancel
32. 32.Which of these is true of a final design? (a) has no real colours (b) is a quick sketch (c) uses plain grey boxes (d) uses the final pictures
33. 33.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) tap “Sign up” (c) open the app (d) type name and email
34. 34.Which of these is about UX (the experience)? (a) the font size (b) the button colours (c) the screen layout (d) whether users get lost
35. 35.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 64 px tall
    Start button: 48 px tall
    Cancel button: 60 px tall
    Save button: 60 px tall
36. 36.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ filter buttons ]
    [ top bar ]
    [ list of items ] (a) list of items (b) top bar (c) filter buttons
37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ menu icon ]
    [ big picture ]
    [ Save button ]
    [ search box ]
    [ top bar ]
38. 38.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) check the cart (c) track the order (d) pay for the order
39. 39.🎨 Who should you test the UX with? (a) only yourself (b) the app icon (c) nobody (d) real users
40. 40.Which of these is about UI (the look)? (a) the icon shapes (b) how fast a task is done (c) how easy sign-up is (d) whether users get lost

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