App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 136 · 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 is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) shows the real fonts (d) is a quick sketch
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ tab bar ]
   [ Add button ]
   [ search box ]
   [ title text ]
   [ top bar ] (a) top bar (b) search box (c) tab bar (d) title text
3. 3.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
4. 4.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) see the final score (b) read a question
5. 5.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
6. 6.♿ What does a screen reader do? (a) reads the screen aloud (b) takes photos (c) makes text tiny (d) plays music
7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Back button: 32 px tall
   Help button: 60 px tall
   Start button: 48 px tall
   Send button: 56 px tall
8. 8.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
   [ top bar ]
   [ list of items ]
   [ tab bar ]
   [ filter buttons ] (a) filter buttons (b) list of items (c) top bar
9. 9.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) enter the code sent
10. 10.True or false: a wireframe has the real colours. (a) False (b) True
11. 11.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) a class leaderboard (d) a draft you are typing
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ menu icon ]
    [ title text ]
    [ filter buttons ]
    [ top bar ]
13. 13.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
14. 14.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) colour-blind users (d) the battery
15. 15.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a charging cable (d) a type of font
16. 16.🔍 Which is the odd one out? (a) icons with no labels (b) labels on every icon (c) fast-flashing lights (d) tiny tap areas
17. 17.💾 Which can hold many values in order? (a) a single number (b) a list (c) a switch (d) a button
18. 18.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
19. 19.🎨 UX stands for user ___. (a) extra (b) experience (c) express (d) example
20. 20.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) see the home screen (c) tap “Sign up” (d) enter the code sent
21. 21.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
22. 22.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
23. 23.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
24. 24.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a charging cable (d) a type of password
25. 25.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) write a caption (c) add a filter (d) open the camera screen
26. 26.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the button colours (d) how easy sign-up is
27. 27.Which of these helps everyone use the app? (a) captions on videos (b) sudden loud sounds (c) fast-flashing lights (d) tiny tap areas
28. 28.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
29. 29.True or false: the font size is about UX (the experience). (a) True (b) False
30. 30.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 36 px tall
    Back button: 56 px tall
    Next button: 48 px tall (a) Back (b) Save (c) Next
32. 32.🔢 In a photo-post flow, which comes first: “post the photo” or “open the camera screen”? (a) post the photo (b) open the camera screen
33. 33.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
34. 34.True or false: buttons almost touching is poor button design. (a) True (b) False
35. 35.True or false: a final design looks like the real app. (a) False (b) True
36. 36.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
37. 37.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) add a filter (c) post the photo (d) take the photo
38. 38.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
39. 39.💾 What number does this code show?
    let songs = ["Kites", "Sunrise", "Rain"];
    songs.push("Stars");
    show(songs.length);
40. 40.🔍 Which is the odd one out? (a) how many taps it takes (b) the screen layout (c) how easy sign-up is (d) whether users get lost

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