App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 897 · 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.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 17 px
   Hint: 21 px
   Body text: 22 px
   Footer: 22 px
   Menu: 23 px
2. 2.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
3. 3.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a closed app (d) a picture goes here
4. 4.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ tab bar ]
   [ search box ]
   [ Add button ]
   [ list of items ]
   [ filter buttons ] (a) Add button (b) filter buttons (c) list of items (d) tab bar
5. 5.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) white on dark green (d) yellow on white
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Score card”
   2. open “Edit photo”
   3. tap the Feed tab
   4. tap the Feed tab
   5. open “Match report”
   How many times must you tap Back to reach the main screen of this tab?
7. 7.True or false: a final design has the real colours. (a) True (b) False
8. 8.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) post the photo (c) take the photo (d) open the camera screen
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Add button ]
   [ search box ]
   [ top bar ]
   [ Save button ]
   [ list of items ]
   [ big picture ] (a) Add button (b) top bar (c) big picture (d) Save button
10. 10.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ Save button ]
    [ tab bar ]
    [ title text ]
    [ top bar ]
    [ list of items ]
    [ big picture ] (a) big picture (b) title text (c) Save button (d) list of items
11. 11.💾 Which works with no internet at all? (a) a cloud backup (b) data saved on the phone (c) a shared chat (d) a cloud leaderboard
12. 12.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
13. 13.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Search tab
    3. open “Friend list”
    4. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
14. 14.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
15. 15.True or false: a final design shows the real fonts. (a) True (b) False
16. 16.♿ A screen has 11 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
17. 17.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
18. 18.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) open the app (c) make a password (d) see the home screen
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap the Home tab
    4. tap the Search tab
    Which screen are you on now? (a) Friend list (b) Home (c) Search (d) Help page
20. 20.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
21. 21.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) your last game level (d) chat messages to friends
22. 22.♿ What does a screen reader do? (a) takes photos (b) makes text tiny (c) reads the screen aloud (d) plays music
23. 23.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Cart → Pay → Shop → Search
    Design B: Home → Results → Address → Shop → Pens → Cart → Confirm
25. 25.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ list of items ]
    [ Save button ]
    [ top bar ]
    [ Add button ]
26. 26.Which of these helps everyone use the app? (a) text that can grow (b) colour as the only clue (c) icons with no labels (d) sudden loud sounds
27. 27.Which colour pair is hard to read? (a) black on pale grey (b) dark blue on black (c) white on dark green (d) white on black
28. 28.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) nowhere (d) inside a button
29. 29.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) uses the final pictures (d) shows where things go
30. 30.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) post the photo (c) add a filter (d) take the photo
31. 31.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
32. 32.💾 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
33. 33.🔍 Which is the odd one out? (a) icons with no labels (b) strong colour contrast (c) text that can grow (d) labels on every icon
34. 34.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ top bar ]
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ filter buttons ] (a) Save button (b) top bar (c) filter buttons (d) list of items
35. 35.🔍 Which is the odd one out? (a) how users feel after (b) the theme colours (c) the icon shapes (d) the screen layout
36. 36.🔢 In a food-order flow, what comes right after “open the menu”? (a) add it to the cart (b) check the cart (c) pick a dish (d) track the order
37. 37.True or false: “sudden loud sounds” makes the app harder to use. (a) False (b) True
38. 38.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
39. 39.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
40. 40.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) pale pink on white (d) dark blue on white

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