App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 113 · 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: buttons are at least 48 px tall. Which button is too small?
   Send button: 48 px tall
   Save button: 40 px tall
   Done button: 48 px tall (a) Send (b) Done (c) Save
2. 2.🖼️ How many parts (boxes) does this wireframe have?
   [ search box ]
   [ list of items ]
   [ Save button ]
   [ top bar ]
   [ big picture ]
   [ menu icon ]
3. 3.Which of these helps everyone use the app? (a) icons with no labels (b) tiny tap areas (c) strong colour contrast (d) sudden loud sounds
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. open “Badges”
   3. open “Badges”
   4. tap Back
   Which screen are you on now? (a) Home (b) Help page (c) Badges (d) Search
5. 5.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 40 px tall
   Help button: 60 px tall
   Cancel button: 32 px tall
   Send button: 40 px tall
6. 6.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
7. 7.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Friend list”
   2. open “Help page”
   3. tap the Lessons tab
   Which screen are you on now? (a) Friend list (b) Lessons (c) Help page (d) Quiz
8. 8.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
9. 9.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Address
    Design B: Home → Address → Pens → Pay → Size → Cart → Search (a) Design A (b) Design B
11. 11.True or false: “icons with no labels” helps everyone use the app. (a) True (b) False
12. 12.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
13. 13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 17 px
    Label: 18 px
    Title: 12 px
    Hint: 14 px
    Menu: 17 px
14. 14.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) see the home screen (c) tap “Sign up” (d) open the app
15. 15.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
16. 16.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
17. 17.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
18. 18.Which of these is true of a menu button? (a) switches main sections (b) goes to the last screen (c) shows 3 to 5 icons (d) hides extra links
19. 19.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ tab bar ]
    [ list of items ]
    [ Save button ]
20. 20.🎨 UX stands for user ___. (a) example (b) express (c) experience (d) extra
21. 21.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
22. 22.Which of these makes the app harder to use? (a) strong colour contrast (b) colour as the only clue (c) captions on videos (d) labels on every icon
23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Me tab
    3. open “Match report”
    4. open “Help page”
    5. open “Map”
    Which screen are you on now? (a) Help page (b) Match report (c) Lessons (d) Map
24. 24.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the screen turns off (d) the phone is lost
25. 25.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 11 px
    Menu: 21 px
    Body text: 14 px
    Label: 16 px
26. 26.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) a draft you are typing (d) chat messages to friends
27. 27.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Address → Size → Offers → Cart → Item
    Design B: Home → Pens → Cart → Item → Size
29. 29.True or false: “labels on every icon” makes the app harder to use. (a) False (b) True
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Results
    Design B: Home → Cart → Item → Pay → Size → Pens → Results
31. 31.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
32. 32.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the button colours (c) the theme colours (d) the font size
33. 33.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) open the app (b) type name and email
34. 34.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Feed tab
    3. open “Match report”
    4. tap the Chat tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
36. 36.True or false: how many taps it takes is about UI (the look). (a) False (b) True
37. 37.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
38. 38.Which colour pair is hard to read? (a) white on black (b) red on green (c) white on dark green (d) dark blue on white
39. 39.🔢 In a photo-post flow, which comes first: “add a filter” or “take the photo”? (a) take the photo (b) add a filter
40. 40.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) opens a list of pages (d) sits at the bottom

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