App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 290 · 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.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
2. 2.True or false: a wireframe uses the final pictures. (a) True (b) False
3. 3.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) pick an answer (c) see the final score (d) see if it is right
4. 4.True or false: a wireframe uses plain grey boxes. (a) True (b) False
5. 5.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. tap the Chat tab
   3. open “Badges”
   4. tap the Chat tab
   Which screen are you on now? (a) Chat (b) Badges (c) Feed (d) Settings
6. 6.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
7. 7.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Video”
   2. tap Back
   3. open “Badges”
   4. open “Edit photo”
   5. tap Back
   Which screen are you on now? (a) Video (b) Badges (c) Edit photo (d) Lessons
8. 8.💾 What does this code show? (Positions start at 0.)
   let songs = ["Kites", "Stars", "Rain", "Ocean"];
   show(songs[0]); (a) Ocean (b) Kites (c) Rain (d) Stars
9. 9.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
   [ title text ]
   [ filter buttons ]
   [ search box ]
   [ top bar ] (a) search box (b) top bar (c) title text
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Size
    Design B: Home → Confirm → Pens → Address → Item → Search
11. 11.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) the server (c) colour-blind users (d) fast typists
12. 12.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
13. 13.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
14. 14.True or false: notes to read offline fits saving on the phone. (a) False (b) True
15. 15.True or false: a big, easy tap area is good button design. (a) True (b) False
16. 16.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) post the photo (b) add a filter
17. 17.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) pencil and paper (c) a 3D printer (d) a phone case
18. 18.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
19. 19.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
20. 20.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
21. 21.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ title text ]
    [ list of items ]
    [ big picture ] (a) title text (b) search box (c) filter buttons (d) list of items
22. 22.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) chat messages to friends (d) a draft you are typing
23. 23.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
24. 24.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
25. 25.🧭 Which part of navigation undoes one move? (a) the back button (b) a menu button (c) a tab bar
26. 26.Which of these is about UI (the look)? (a) how users feel after (b) how easy sign-up is (c) the button colours (d) whether users get lost
27. 27.Which of these is true of a wireframe? (a) has the real colours (b) uses plain grey boxes (c) uses the final pictures (d) shows the real fonts
28. 28.True or false: a final design shows the real fonts. (a) True (b) False
29. 29.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
30. 30.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
31. 31.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it runs the app (d) it adds colours
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 64 px tall
    Save button: 56 px tall
    Send button: 44 px tall
33. 33.True or false: a clear word like Save is poor button design. (a) False (b) True
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Pay → Address
    Design B: Home → Menu → Address
35. 35.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Music", "Art"];
    show(notes[3]); (a) Sports (b) Music (c) Maths (d) Art
36. 36.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
37. 37.♿ A screen has 7 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
38. 38.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ menu icon ]
    [ search box ]
    [ Add button ]
    [ Save button ]
    [ filter buttons ] (a) menu icon (b) Save button (c) Add button (d) filter buttons
39. 39.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
40. 40.True or false: a final design is a quick sketch. (a) True (b) False

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