App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 75 · 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.💾 pop() takes off the last item. What does this code show?
   let notes = ["Sports", "Art", "Music", "Maths"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Maths (b) Sports (c) Art (d) Music
2. 2.True or false: a shared to-do list fits saving on the phone. (a) False (b) True
3. 3.🖼️ In this wireframe (top to bottom), what is right below the list of items?
   [ Save button ]
   [ list of items ]
   [ top bar ]
   [ title text ]
   [ tab bar ] (a) tab bar (b) title text (c) Save button (d) top bar
4. 4.♿ A screen has 10 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
5. 5.🎨 UX stands for user ___. (a) extra (b) example (c) express (d) experience
6. 6.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
7. 7.True or false: space between buttons is poor button design. (a) False (b) True
8. 8.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
9. 9.True or false: a tiny 20 px button is poor button design. (a) True (b) False
10. 10.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) open the app (b) see the home screen (c) type name and email (d) make a password
11. 11.💾 What number does this code show?
    let songs = ["Ocean", "Rain", "Stars"];
    songs.push("Monsoon");
    songs.push("Kites");
    show(songs.length);
12. 12.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) an error (d) a picture goes here
13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 64 px tall
    Send button: 40 px tall
    Next button: 52 px tall
14. 14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 60 px tall
    Cancel button: 28 px tall
    Back button: 72 px tall
    Save button: 60 px tall (a) Cancel (b) Back (c) Save (d) Help
15. 15.True or false: a wireframe has no real colours. (a) False (b) True
16. 16.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
17. 17.💾 What number does this code show?
    let songs = ["Rain", "Monsoon", "Kites"];
    songs.push("Sunrise");
    show(songs.length);
18. 18.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) text that can grow (d) strong colour contrast
19. 19.♿ Why add captions to videos? (a) so anyone can follow (b) to slow them down (c) to hide the sound (d) to add colour
20. 20.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) notes to read offline (d) chat messages to friends
21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Edit photo”
    3. tap Back
    4. tap the Search tab
    5. open “Map”
    Which screen are you on now? (a) Badges (b) Edit photo (c) Home (d) Map
22. 22.Which of these is true of a wireframe? (a) looks like the real app (b) is a quick sketch (c) shows the real fonts (d) uses the final pictures
23. 23.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
24. 24.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the icon shapes (c) the button colours (d) the theme colours
25. 25.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
26. 26.🔘 Our rule: buttons are at least 48 px tall. The Next button is 40 px tall. How many px taller must it be?
27. 27.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 3 to 5 (d) 10 to 12
28. 28.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) it saves data (d) changes are quick
29. 29.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
30. 30.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) uses the final pictures (d) shows where things go
31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 13 px
    Footer: 11 px
    Menu: 17 px
    Label: 16 px
    Body text: 14 px
32. 32.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ title text ]
    [ Add button ]
    [ big picture ]
    [ search box ]
    [ list of items ] (a) search box (b) list of items (c) title text (d) big picture
33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 48 px tall
    Cancel button: 48 px tall
    Back button: 52 px tall
    Start button: 32 px tall (a) Done (b) Back (c) Start (d) Cancel
34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Cart → Shop
    Design B: Home → Offers → Menu → Shop → Cart → Pens → Confirm (a) Design A (b) Design B
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 28 px tall. How many px taller must it be?
36. 36.True or false: the button colours is about UX (the experience). (a) False (b) True
37. 37.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
38. 38.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ search box ]
    [ tab bar ]
    [ filter buttons ]
    [ title text ]
    [ Add button ]
    [ list of items ] (a) title text (b) list of items (c) search box (d) tab bar
39. 39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Send button: 60 px tall
    Back button: 40 px tall
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. open “Score card”
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?

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