App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 800 · 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.🔢 In a food-order flow, what comes right after “check the cart”? (a) pick a dish (b) open the menu (c) pay for the order (d) add it to the cart
2. 2.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
3. 3.💾 Which can hold many values in order? (a) a single number (b) a button (c) a list (d) a switch
4. 4.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
5. 5.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
6. 6.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. open “Edit photo”
   3. open “Map”
   4. tap the Search tab
   5. open “Video”
   Which screen are you on now? (a) Video (b) Edit photo (c) Help page (d) Map
8. 8.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
9. 9.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
   [ filter buttons ]
   [ tab bar ]
   [ menu icon ]
   [ top bar ] (a) tab bar (b) filter buttons (c) top bar
10. 10.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
11. 11.True or false: the font size is about UX (the experience). (a) False (b) True
12. 12.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) write a caption (b) open the camera screen
13. 13.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
14. 14.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
15. 15.Which colour pair is easy to read? (a) yellow on white (b) black on pale grey (c) light grey on white (d) red on green
16. 16.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
17. 17.True or false: a final design shows where things go. (a) True (b) False
18. 18.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Kites", "Monsoon"];
    show(songs[0]); (a) Stars (b) Kites (c) Monsoon
19. 19.🔘 Our rule: buttons are at least 48 px tall. The Help button is 44 px tall. How many px taller must it be?
20. 20.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 12 px
    Caption: 22 px
    Title: 23 px
    Body text: 16 px
    Hint: 19 px (a) Menu (b) Title (c) Caption (d) Body text
21. 21.♿ A screen has 8 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
22. 22.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) open the camera screen (d) add a filter
23. 23.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a simple screen sketch (d) a type of password
24. 24.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ menu icon ]
    [ title text ]
    [ big picture ]
    [ filter buttons ]
    [ search box ]
    [ Save button ] (a) big picture (b) filter buttons (c) search box (d) menu icon
25. 25.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
26. 26.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) post the photo (c) write a caption (d) open the camera screen
27. 27.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
28. 28.💾 What number does this code show?
    let stars = 5;
    stars = stars - 3;
    stars = stars + 2;
    show(stars);
29. 29.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) goes to the last screen (c) undoes one move (d) hides extra links
30. 30.🔍 Which is the odd one out? (a) big touch targets (b) sudden loud sounds (c) icons with no labels (d) fast-flashing lights
31. 31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 44 px tall
    Done button: 64 px tall
    Start button: 60 px tall
32. 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) that tab’s main screen (d) a random page
33. 33.Which of these is true of a menu button? (a) goes to the last screen (b) shows 3 to 5 icons (c) hides extra links (d) sits at the bottom
34. 34.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) read a question (c) pick an answer (d) see the final score
35. 35.Which of these makes the app harder to use? (a) text that can grow (b) icons with no labels (c) captions on videos (d) strong colour contrast
36. 36.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
37. 37.♿ A screen has 9 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
38. 38.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
39. 39.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 13 px
    Footer: 26 px
    Caption: 26 px (a) Caption (b) Footer (c) Hint

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