App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 569 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Friend list”
   2. open “Friend list”
   3. tap the Feed tab
   4. tap the Chat tab
   How many times must you tap Back to reach the main screen of this tab?
2. 2.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) add it to the cart (c) pay for the order (d) pick a dish
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ tab bar ]
   [ filter buttons ]
   [ Save button ]
   [ menu icon ]
   [ top bar ] (a) top bar (b) tab bar (c) menu icon (d) Save button
4. 4.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
5. 5.♿ Accessibility means an app works for ___. (a) only the coder (b) only experts (c) everyone (d) nobody
6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 48 px tall
   Save button: 36 px tall
   Cancel button: 40 px tall
7. 7.Which colour pair is hard to read? (a) black on pale grey (b) black on yellow (c) dark blue on white (d) dark blue on black
8. 8.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
9. 9.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Help page”
    3. open “Match report”
    4. tap Back
    Which screen are you on now? (a) Help page (b) Chat (c) Match report (d) Feed
11. 11.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) photos on two devices (d) the sound on/off setting
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Feed tab
    3. open “Edit photo”
    4. open “Edit photo”
    Which screen are you on now? (a) Map (b) Chat (c) Edit photo (d) Feed
13. 13.🔢 In a photo-post flow, which comes first: “write a caption” or “take the photo”? (a) take the photo (b) write a caption
14. 14.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) your last game level (d) photos on two devices
15. 15.True or false: a big, easy tap area is good button design. (a) False (b) True
16. 16.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
17. 17.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Quiz tab
    3. open “Badges”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
18. 18.Which of these fits saving in the cloud? (a) a class leaderboard (b) a draft you are typing (c) notes to read offline (d) the sound on/off setting
19. 19.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ search box ]
    [ Add button ]
    [ big picture ]
    [ Save button ]
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ title text ]
    [ Save button ]
    [ search box ]
    [ filter buttons ]
    [ menu icon ] (a) filter buttons (b) menu icon (c) tab bar (d) search box
21. 21.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Lessons tab
    3. open “Score card”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
22. 22.🔘 Our rule: buttons are at least 48 px tall. The Save button is 20 px tall. How many px taller must it be?
23. 23.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) labels on every icon (d) big touch targets
24. 24.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
25. 25.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) the finished app (d) a simple screen sketch
26. 26.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
27. 27.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
28. 28.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
29. 29.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) to slow them down (d) so anyone can follow
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Results → Pay → Offers
    Design B: Home → Shop → Cart → Pay (a) Design A (b) Design B
31. 31.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ big picture ]
    [ list of items ]
    [ search box ]
    [ top bar ] (a) big picture (b) search box (c) top bar
32. 32.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) shortcut (d) dead end
33. 33.💾 What number does this code show?
    let coins = 9;
    coins = coins - 9;
    coins = coins + 1;
    show(coins);
34. 34.💾 Which can hold many values in order? (a) a single number (b) a list (c) a switch (d) a button
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
36. 36.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 40 px tall
    Cancel button: 56 px tall
    Back button: 48 px tall
    Next button: 44 px tall
37. 37.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
38. 38.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
39. 39.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
40. 40.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ big picture ]
    [ search box ]
    [ menu icon ]
    [ Save button ]
    [ Add button ]
    [ top bar ] (a) menu icon (b) top bar (c) Save button (d) Add button

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