App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 621 · 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.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a long animation (d) a text label
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ menu icon ]
   [ filter buttons ]
   [ Save button ] (a) menu icon (b) big picture (c) Save button (d) filter buttons
3. 3.💾 What number does this code show?
   let notes = ["Sports", "Hindi", "Maths"];
   notes.push("Science");
   show(notes.length);
4. 4.Which of these fits saving in the cloud? (a) chat messages to friends (b) your last game level (c) the sound on/off setting (d) a draft you are typing
5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Cart → Address → Item → Pay
   Design B: Home → Size → Offers (a) Design B (b) Design A
6. 6.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) is a quick sketch (d) shows the real fonts
7. 7.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
8. 8.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
9. 9.True or false: a big, easy tap area is poor button design. (a) True (b) False
10. 10.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) never need a password (c) skip the internet (d) shrink the app
11. 11.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) icons with no labels (d) colour as the only clue
12. 12.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) only yourself (d) nobody
13. 13.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Home tab
    3. open “Score card”
    Which screen are you on now? (a) Search (b) Home (c) Score card (d) Profile
15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 21 px
    Menu: 14 px
    Title: 17 px
    Label: 27 px
    Caption: 20 px (a) Body text (b) Title (c) Menu (d) Label
16. 16.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) the screen layout (d) how easy sign-up is
17. 17.♿ A screen has 11 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
18. 18.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) take the photo (b) post the photo
19. 19.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) open the camera screen (b) write a caption
20. 20.Which of these fits saving on the phone? (a) notes to read offline (b) a class leaderboard (c) chat messages to friends (d) a shared to-do list
21. 21.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
22. 22.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) post the photo (c) add a filter (d) write a caption
23. 23.🔍 Which is the odd one out? (a) labels on every icon (b) big touch targets (c) strong colour contrast (d) fast-flashing lights
24. 24.🔢 In a sign-up flow, which comes first: “see the home screen” or “tap “Sign up””? (a) see the home screen (b) tap “Sign up”
25. 25.True or false: a clear word like Save is poor button design. (a) True (b) False
26. 26.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) the font size (d) how easy sign-up is
27. 27.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) reads the screen aloud (d) plays music
28. 28.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
29. 29.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Save button ]
    [ top bar ]
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ search box ] (a) menu icon (b) Save button (c) search box (d) filter buttons
30. 30.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
31. 31.Which of these makes the app harder to use? (a) captions on videos (b) colour as the only clue (c) big touch targets (d) labels on every icon
32. 32.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 20 px
    Body text: 23 px
    Label: 20 px
    Footer: 11 px
34. 34.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 10 px
    Title: 23 px
    Label: 19 px
    Hint: 16 px (a) Body text (b) Title (c) Hint (d) Label
35. 35.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) opens a list of pages (d) shows 3 to 5 icons
36. 36.💾 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
37. 37.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) see the final score (c) tap “Start quiz” (d) read a question
38. 38.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
39. 39.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 16 px
    Menu: 12 px
    Title: 13 px
    Hint: 20 px
40. 40.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button

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