App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 358 · 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 of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) a shared to-do list (d) notes to read offline
2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Body text: 23 px
   Hint: 11 px
   Footer: 17 px
3. 3.Which of these helps everyone use the app? (a) strong colour contrast (b) colour as the only clue (c) tiny tap areas (d) icons with no labels
4. 4.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
5. 5.Which colour pair is easy to read? (a) pale pink on white (b) light grey on white (c) black on yellow (d) yellow on white
6. 6.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) add a filter (c) write a caption (d) open the camera screen
7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Help button: 64 px tall
   Start button: 40 px tall
   Back button: 44 px tall
   Next button: 56 px tall
8. 8.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Send button: 32 px tall
   Next button: 36 px tall
   Start button: 60 px tall
   Back button: 56 px tall
9. 9.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
10. 10.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ top bar ]
    [ title text ]
    [ Add button ]
11. 11.💾 What number does this code show?
    let notes = ["Hindi", "Sports"];
    notes.push("Maths");
    show(notes.length);
12. 12.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ big picture ]
    [ menu icon ]
    [ filter buttons ]
    [ title text ]
    [ search box ]
    [ tab bar ] (a) tab bar (b) filter buttons (c) big picture (d) title text
13. 13.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) make a password (c) see the home screen (d) open the app
14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Feed tab
    3. open “Match report”
    4. tap Back
    Which screen are you on now? (a) Feed (b) Settings (c) Chat (d) Match report
15. 15.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
16. 16.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to hide the buttons (d) to skip testing
17. 17.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
18. 18.True or false: a final design looks like the real app. (a) True (b) False
19. 19.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
20. 20.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a dead end (d) a random page
21. 21.True or false: notes to read offline fits saving on the phone. (a) True (b) False
22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    4. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
23. 23.Which colour pair is easy to read? (a) pale pink on white (b) dark blue on black (c) yellow on white (d) dark blue on white
24. 24.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) colour as the only clue (d) strong colour contrast
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Confirm → Pay → Menu
    Design B: Home → Confirm → Menu → Shop → Pens → Address
26. 26.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ filter buttons ]
    [ Add button ]
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ Save button ] (a) top bar (b) list of items (c) search box (d) filter buttons
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Video”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
28. 28.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the theme colours (d) how fast a task is done
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Map”
    3. tap the Search tab
    Which screen are you on now? (a) Home (b) Search (c) Map (d) Profile
30. 30.🎨 UI stands for user ___. (a) input (b) idea (c) interface (d) internet
31. 31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 32 px tall
    Send button: 60 px tall
    Back button: 56 px tall
    Start button: 48 px tall
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ big picture ]
    [ title text ]
    [ list of items ]
    [ Add button ]
    [ menu icon ] (a) big picture (b) list of items (c) menu icon (d) title text
33. 33.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a shared chat (c) a cloud backup (d) data saved on the phone
34. 34.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ menu icon ]
    [ big picture ]
    [ filter buttons ]
35. 35.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) a menu button (c) the back button
36. 36.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) see the home screen (c) tap “Sign up” (d) make a password
37. 37.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
38. 38.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Riya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Riya (b) Meera (c) Kabir
39. 39.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) dark blue on white (d) red on green
40. 40.True or false: buttons almost touching is good button design. (a) False (b) True

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