App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 433 · 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) pale pink on white (b) yellow on white (c) white on black (d) light grey on white
2. 2.Which colour pair is easy to read? (a) light grey on white (b) black on yellow (c) dark blue on black (d) red on green
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. open “Match report”
   3. open “Video”
   How many times must you tap Back to reach the main screen of this tab?
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Map”
   2. tap the Profile tab
   3. tap the Profile tab
   How many times must you tap Back to reach the main screen of this tab?
5. 5.💾 What is a variable? (a) a picture (b) a named box for a value (c) a phone setting (d) a type of screen
6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Save button: 48 px tall
   Done button: 52 px tall
   Send button: 44 px tall
7. 7.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ list of items ]
   [ search box ]
   [ tab bar ]
   [ big picture ] (a) list of items (b) tab bar (c) big picture
8. 8.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) enter the code sent (c) open the app (d) make a password
9. 9.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Save button: 56 px tall
   Next button: 48 px tall
   Back button: 40 px tall
   Start button: 68 px tall (a) Next (b) Start (c) Save (d) Back
10. 10.True or false: the font size is about UI (the look). (a) False (b) True
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Chat tab
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
12. 12.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) a cloud backup (d) data saved on the phone
13. 13.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) a tab bar (c) the back button
14. 14.True or false: a wireframe has the real colours. (a) True (b) False
15. 15.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
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Offers → Menu → Search → Pens
    Design B: Home → Shop → Results (a) Design A (b) Design B
17. 17.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Aman", "Meera", "Arjun"];
    show(friends[2]); (a) Aman (b) Meera (c) Riya (d) Arjun
18. 18.True or false: a tiny 20 px button is good button design. (a) False (b) True
19. 19.🔢 In a food-order flow, which comes LAST? (a) track the order (b) pay for the order (c) open the menu (d) pick a dish
20. 20.True or false: a final design shows where things go. (a) True (b) False
21. 21.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) tap “Sign up” (c) see the home screen (d) open the app
22. 22.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ Add button ]
    [ title text ]
    [ big picture ]
    [ menu icon ]
    [ Save button ] (a) list of items (b) Save button (c) Add button (d) menu icon
24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Back button: 60 px tall
    Cancel button: 40 px tall
    Start button: 52 px tall
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ Save button ]
    [ filter buttons ]
    [ title text ]
    [ big picture ] (a) Save button (b) tab bar (c) title text (d) big picture
26. 26.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) home screen (d) tab bar
27. 27.Which of these is true of a final design? (a) has no real colours (b) uses plain grey boxes (c) shows where things go (d) has the real colours
28. 28.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
29. 29.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ search box ]
    [ tab bar ]
31. 31.True or false: icons with no meaning is good button design. (a) True (b) False
32. 32.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) type name and email (b) open the app
33. 33.True or false: the font size is about UX (the experience). (a) True (b) False
34. 34.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 11 px
    Title: 19 px
    Menu: 27 px (a) Body text (b) Title (c) Menu
35. 35.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 48 px tall
    Next button: 32 px tall
    Help button: 32 px tall
    Send button: 60 px tall
36. 36.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a type of password (d) a charging cable
37. 37.True or false: a wireframe is a quick sketch. (a) False (b) True
38. 38.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 13 px
    Title: 21 px
    Caption: 21 px (a) Footer (b) Caption (c) Title
40. 40.True or false: space between buttons is good button design. (a) False (b) True

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