App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 571 · 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.True or false: grey text on grey is good button design. (a) False (b) True
2. 2.True or false: “colour as the only clue” makes the app harder to use. (a) True (b) False
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Video”
   2. tap the Search tab
   3. open “Match report”
   4. tap the Home tab
   5. tap the Profile tab
   Which screen are you on now? (a) Match report (b) Video (c) Home (d) Profile
4. 4.True or false: a big, easy tap area is good button design. (a) False (b) True
5. 5.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) take the photo (c) open the camera screen (d) post the photo
6. 6.💾 What number does this code show?
   let points = 7;
   points = points - 1;
   points = points + 5;
   show(points);
7. 7.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
8. 8.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see if it is right”? (a) see if it is right (b) pick an answer
9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Shop → Results → Pay → Menu → Cart
   Design B: Home → Shop → Address → Offers → Results
10. 10.Which of these is true of a wireframe? (a) uses plain grey boxes (b) looks like the real app (c) shows the real fonts (d) has the real colours
11. 11.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
12. 12.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 22 px
    Hint: 23 px
    Menu: 23 px
    Label: 23 px
    Footer: 11 px (a) Hint (b) Caption (c) Menu (d) Footer
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ big picture ]
    [ search box ]
    [ list of items ]
14. 14.Which of these is about UX (the experience)? (a) the screen layout (b) the theme colours (c) how easy sign-up is (d) the font size
15. 15.True or false: the font size is about UX (the experience). (a) False (b) True
16. 16.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Match report”
    3. open “Badges”
    4. tap the Lessons tab
    5. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
17. 17.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only experts (d) only the coder
18. 18.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 24 px tall
    Back button: 52 px tall
    Help button: 64 px tall
    Next button: 56 px tall (a) Help (b) Back (c) Cancel (d) Next
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ top bar ]
    [ list of items ]
    [ title text ] (a) top bar (b) tab bar (c) search box (d) title text
21. 21.True or false: the theme colours is about UI (the look). (a) False (b) True
22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Cart → Confirm → Address
    Design B: Home → Offers → Pens → Address → Size → Results → Menu
23. 23.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
24. 24.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
25. 25.🔍 Which is the odd one out? (a) the theme colours (b) the font size (c) the screen layout (d) whether users get lost
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 20 px
    Caption: 27 px
    Body text: 12 px (a) Body text (b) Label (c) Caption
27. 27.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ Add button ]
    [ list of items ]
    [ menu icon ]
    [ Save button ]
    [ top bar ]
28. 28.🔍 Which is the odd one out? (a) sudden loud sounds (b) labels on every icon (c) text that can grow (d) big touch targets
29. 29.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
30. 30.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) fast typists (c) colour-blind users (d) the battery
31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 56 px tall
    Send button: 28 px tall
    Next button: 72 px tall (a) Next (b) Send (c) Cancel
32. 32.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
33. 33.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
34. 34.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) more colours (d) better UX
35. 35.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
36. 36.Which of these is true of a tab bar? (a) sits at the bottom (b) opens a list of pages (c) goes to the last screen (d) undoes one move
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Shop
    Design B: Home → Results → Search → Pens → Menu → Size
38. 38.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) how easy sign-up is (d) the button colours
39. 39.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) delete this (d) a picture goes here
40. 40.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Kites", "Ocean"];
    show(songs[2]); (a) Kites (b) Ocean (c) Monsoon

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