App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 448 · 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 colour pair is easy to read? (a) light grey on white (b) red on green (c) white on dark green (d) pale pink on white
2. 2.💾 What number does this code show?
   let songs = ["Sunrise", "Ocean", "Kites"];
   songs.push("Monsoon");
   show(songs.length);
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Results → Shop → Confirm
   Design B: Home → Shop → Cart
4. 4.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
5. 5.True or false: “icons with no labels” makes the app harder to use. (a) False (b) True
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Map”
   2. open “Help page”
   3. tap Back
   4. tap the Feed tab
   Which screen are you on now? (a) Map (b) Feed (c) Chat (d) Help page
7. 7.Which of these fits saving in the cloud? (a) chat messages to friends (b) your last game level (c) notes to read offline (d) the sound on/off setting
8. 8.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
9. 9.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Save button: 40 px tall
   Start button: 60 px tall
   Help button: 68 px tall
   Cancel button: 64 px tall (a) Cancel (b) Save (c) Start (d) Help
10. 10.♿ A screen has 12 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Item → Shop → Size
    Design B: Home → Item → Cart → Pay → Address → Search → Pens
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Results → Size → Pens → Address
    Design B: Home → Confirm → Address → Pens → Size → Search → Item
13. 13.Which colour pair is hard to read? (a) light grey on white (b) black on pale grey (c) white on dark green (d) black on yellow
14. 14.Which of these is about UX (the experience)? (a) the screen layout (b) the font size (c) whether users get lost (d) the theme colours
15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Address → Confirm → Results
    Design B: Home → Pens → Cart → Results (a) Design A (b) Design B
16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 21 px
    Body text: 19 px
    Caption: 21 px
    Footer: 9 px (a) Body text (b) Footer (c) Caption (d) Title
17. 17.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Menu → Item
    Design B: Home → Confirm → Address
19. 19.Which colour pair is hard to read? (a) black on pale grey (b) red on green (c) white on black (d) dark blue on white
20. 20.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a charging cable (d) a type of password
21. 21.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ tab bar ]
    [ top bar ]
    [ search box ]
    [ filter buttons ]
    [ Save button ] (a) top bar (b) search box (c) Save button (d) tab bar
22. 22.True or false: a final design has the real colours. (a) True (b) False
23. 23.Which of these makes the app harder to use? (a) captions on videos (b) strong colour contrast (c) colour as the only clue (d) big touch targets
24. 24.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 14 px
    Title: 17 px
    Footer: 22 px
25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Chat tab
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
26. 26.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
27. 27.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
28. 28.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) more colours (d) worse UX
29. 29.True or false: a wireframe has no real colours. (a) False (b) True
30. 30.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
31. 31.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Kabir", "Riya"];
    show(friends[2]); (a) Riya (b) Kabir (c) Aman
32. 32.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
34. 34.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “open the app”? (a) open the app (b) tap “Sign up”
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Confirm → Cart
    Design B: Home → Shop → Menu → Cart → Address → Pens (a) Design A (b) Design B
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 72 px tall
    Done button: 56 px tall
    Start button: 44 px tall (a) Done (b) Start (c) Save
37. 37.Which colour pair is easy to read? (a) black on pale grey (b) yellow on white (c) light grey on white (d) pale pink on white
38. 38.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) shows where things go (d) has no real colours
39. 39.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 15 px
    Title: 10 px
    Footer: 12 px
    Hint: 13 px
40. 40.✏️ Why draw a wireframe before coding? (a) it saves data (b) it runs the app (c) changes are quick (d) it adds colours

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