App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 957 · 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 quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) see the final score (b) tap “Start quiz”
2. 2.True or false: your last game level fits saving on the phone. (a) True (b) False
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Results → Pens → Cart → Search
   Design B: Home → Item → Pay → Offers → Pens → Cart → Menu
4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pay → Pens → Cart
   Design B: Home → Search → Offers (a) Design B (b) Design A
5. 5.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
6. 6.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) add a filter (b) write a caption
7. 7.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
8. 8.Which of these is true of a final design? (a) looks like the real app (b) uses plain grey boxes (c) has no real colours (d) is a quick sketch
9. 9.🔢 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
10. 10.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 48 px tall
    Cancel button: 72 px tall
    Start button: 28 px tall
    Send button: 60 px tall (a) Start (b) Save (c) Cancel (d) Send
11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 68 px tall
    Save button: 72 px tall
    Next button: 56 px tall
    Done button: 44 px tall (a) Save (b) Next (c) Start (d) Done
12. 12.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ menu icon ]
    [ top bar ]
    [ tab bar ]
14. 14.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) write a caption (c) take the photo (d) post the photo
15. 15.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Item
    Design B: Home → Size → Pens → Offers (a) Design B (b) Design A
17. 17.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) shows the real fonts (d) looks like the real app
18. 18.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a picture goes here (d) a closed app
19. 19.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) enter the code sent (b) make a password (c) type name and email (d) see the home screen
20. 20.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) see the home screen (c) make a password (d) enter the code sent
21. 21.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
22. 22.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
23. 23.Which of these is about UX (the experience)? (a) the icon shapes (b) the button colours (c) how easy sign-up is (d) the font size
24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Video”
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
25. 25.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
26. 26.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
27. 27.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
28. 28.🔘 Our rule: buttons are at least 48 px tall. The Help button is 40 px tall. How many px taller must it be?
29. 29.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) a shared to-do list (d) notes to read offline
30. 30.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) undoes one move (c) sits at the bottom (d) opens a list of pages
31. 31.True or false: a final design is a quick sketch. (a) True (b) False
32. 32.✏️ What is a wireframe? (a) a simple screen sketch (b) a type of password (c) the finished app (d) a charging cable
33. 33.True or false: a final design has the real colours. (a) False (b) True
34. 34.Which of these is true of a tab bar? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) undoes one move
35. 35.True or false: the font size is about UI (the look). (a) True (b) False
36. 36.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ title text ]
    [ top bar ]
    [ tab bar ]
    [ search box ] (a) search box (b) title text (c) tab bar
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Send button is 32 px tall. How many px taller must it be?
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Confirm → Search → Pens → Cart → Menu → Address
    Design B: Home → Shop → Address → Search
39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 16 px
    Footer: 17 px
    Body text: 14 px
    Title: 26 px (a) Footer (b) Body text (c) Caption (d) Title
40. 40.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 1 (c) 3 to 5 (d) 20

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