App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 720 · 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.True or false: a clear word like Save is good button design. (a) True (b) False
2. 2.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) open the app (c) see the home screen (d) tap “Sign up”
3. 3.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) open the app (c) make a password (d) enter the code sent
4. 4.🖼️ How many parts (boxes) does this wireframe have?
   [ title text ]
   [ big picture ]
   [ Save button ]
   [ top bar ]
5. 5.🧭 Why should every screen show where you are? (a) to hide the menu (b) to use more battery (c) so users do not get lost (d) to look busy
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 17 px
   Title: 26 px
   Footer: 18 px
   Caption: 9 px (a) Label (b) Title (c) Footer (d) Caption
7. 7.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Score card”
   2. tap the Settings tab
   3. open “Map”
   4. open “Friend list”
   5. tap Back
   How many times must you tap Back to reach the main screen of this tab?
9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 21 px
   Hint: 28 px
   Body text: 9 px
   Footer: 27 px (a) Hint (b) Footer (c) Body text (d) Label
10. 10.🔢 In a food-order flow, which comes first: “check the cart” or “track the order”? (a) check the cart (b) track the order
11. 11.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
12. 12.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ big picture ]
    [ tab bar ]
    [ Add button ]
    [ filter buttons ]
    [ search box ] (a) filter buttons (b) Add button (c) search box (d) tab bar
13. 13.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) pencil and paper (d) a phone case
14. 14.True or false: a clear word like Save is poor button design. (a) False (b) True
15. 15.True or false: a wireframe shows the real fonts. (a) True (b) False
16. 16.True or false: strong colour contrast is poor button design. (a) False (b) True
17. 17.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ list of items ]
    [ big picture ]
    [ filter buttons ] (a) big picture (b) filter buttons (c) Save button (d) title text
18. 18.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
19. 19.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ Save button ]
    [ Add button ]
    [ list of items ]
    [ tab bar ]
    [ menu icon ]
21. 21.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) opens settings (d) goes to the last screen
22. 22.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) switches main sections (d) opens a list of pages
23. 23.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Rain", "Stars", "Ocean", "Kites"];
    show(songs[2]); (a) Sunrise (b) Ocean (c) Rain (d) Stars
24. 24.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
25. 25.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see if it is right (c) tap “Start quiz” (d) see the final score
26. 26.Which colour pair is hard to read? (a) white on dark green (b) dark blue on white (c) white on black (d) dark blue on black
27. 27.Which of these is true of a tab bar? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) hides extra links
28. 28.♿ 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
29. 29.♿ A screen has 7 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
30. 30.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) the screen layout (d) how users feel after
31. 31.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 9 px
    Caption: 17 px
    Footer: 18 px (a) Body text (b) Footer (c) Caption
32. 32.True or false: a wireframe has no real colours. (a) False (b) True
33. 33.🔍 Which is the odd one out? (a) whether users get lost (b) how fast a task is done (c) how many taps it takes (d) the button colours
34. 34.Which of these fits saving in the cloud? (a) chat messages to friends (b) your last game level (c) a draft you are typing (d) notes to read offline
35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Lessons tab
    3. open “Friend list”
    4. open “Match report”
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
36. 36.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
37. 37.Which of these is true of the back button? (a) hides extra links (b) undoes one move (c) sits at the bottom (d) opens a list of pages
38. 38.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it adds colours (d) it runs the app
39. 39.💾 Which can hold many values in order? (a) a single number (b) a switch (c) a button (d) a list
40. 40.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a dead end (d) a clear next step

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