App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 917 · 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 tiny 20 px button? (a) poor design (b) good design
2. 2.Which of these fits saving on the phone? (a) a shared to-do list (b) the sound on/off setting (c) a class leaderboard (d) chat messages to friends
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Search tab
   2. tap the Profile tab
   3. open “Help page”
   4. tap the Home tab
   How many times must you tap Back to reach the main screen of this tab?
4. 4.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) type name and email (c) enter the code sent (d) see the home screen
5. 5.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to add more taps (d) to skip testing
6. 6.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
7. 7.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
8. 8.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 9 px
   Caption: 26 px
   Hint: 27 px (a) Caption (b) Body text (c) Hint
10. 10.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ big picture ]
    [ search box ]
    [ list of items ]
    [ filter buttons ] (a) filter buttons (b) big picture (c) list of items
11. 11.True or false: buttons almost touching is poor button design. (a) False (b) True
12. 12.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ Save button ]
    [ top bar ]
    [ menu icon ] (a) menu icon (b) tab bar (c) top bar (d) Save button
13. 13.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
14. 14.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) track the order (c) open the menu (d) pick a dish
15. 15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 40 px tall
    Save button: 48 px tall
    Next button: 68 px tall
    Help button: 72 px tall (a) Next (b) Help (c) Save (d) Send
16. 16.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
17. 17.True or false: the icon shapes is about UI (the look). (a) False (b) True
18. 18.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
19. 19.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
20. 20.💾 What number does this code show?
    let stars = 8;
    stars = stars - 6;
    stars = stars + 4;
    show(stars);
21. 21.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) uses plain grey boxes (d) shows the real fonts
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Badges”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Menu → Shop
    Design B: Home → Shop → Item
24. 24.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
25. 25.🔍 Which is the odd one out? (a) tiny tap areas (b) sudden loud sounds (c) fast-flashing lights (d) text that can grow
26. 26.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) add a filter (c) write a caption (d) take the photo
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. open “Badges”
    3. open “Help page”
    4. open “Match report”
    Which screen are you on now? (a) Match report (b) Badges (c) Help page (d) Feed
28. 28.Which colour pair is easy to read? (a) red on green (b) black on yellow (c) pale pink on white (d) yellow on white
29. 29.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) dark blue on white (d) dark blue on black
30. 30.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 23 px
    Title: 13 px
    Menu: 14 px
    Body text: 10 px
31. 31.🔢 In a quiz-app flow, which comes first: “pick an answer” or “tap “Start quiz””? (a) pick an answer (b) tap “Start quiz”
32. 32.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
33. 33.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) uses plain grey boxes (d) shows the real fonts
34. 34.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
35. 35.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the button colours (c) the font size (d) the icon shapes
36. 36.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ Save button ]
    [ title text ]
    [ list of items ]
    [ filter buttons ]
    [ tab bar ]
    [ big picture ] (a) title text (b) list of items (c) Save button (d) tab bar
37. 37.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
38. 38.🧭 Which part of navigation hides extra links? (a) a tab bar (b) a menu button (c) the back button
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ list of items ]
    [ Add button ]
    [ search box ]
    [ top bar ]
40. 40.🧭 Which part of navigation switches main sections? (a) the back button (b) a tab bar (c) a menu button

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