App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 275 · 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 is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) big touch targets (d) captions on videos
2. 2.♿ What should every icon-only button have for screen readers? (a) a sound (b) a text label (c) a bright colour (d) a long animation
3. 3.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
4. 4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 36 px tall
   Help button: 56 px tall
   Save button: 72 px tall
   Back button: 60 px tall (a) Help (b) Save (c) Next (d) Back
5. 5.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. open “Match report”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap Back
   3. open “Video”
   4. open “Map”
   How many times must you tap Back to reach the main screen of this tab?
8. 8.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
9. 9.💾 What number does this code show?
   let score = 3;
   score = score - 3;
   score = score + 3;
   show(score);
10. 10.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
11. 11.💾 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
12. 12.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ filter buttons ]
    [ title text ]
    [ tab bar ]
    [ big picture ]
    [ search box ] (a) tab bar (b) search box (c) Add button (d) title text
13. 13.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) delete this (d) a closed app
14. 14.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Menu
    Design B: Home → Offers → Address → Size
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ top bar ]
    [ filter buttons ]
    [ Add button ] (a) filter buttons (b) Save button (c) title text (d) Add button
17. 17.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 48 px tall
    Help button: 44 px tall
    Start button: 72 px tall
    Save button: 68 px tall (a) Save (b) Done (c) Help (d) Start
19. 19.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) type name and email (c) make a password (d) tap “Sign up”
20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Video”
    Which screen are you on now? (a) Feed (b) Video (c) Chat (d) Match report
21. 21.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
22. 22.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
23. 23.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) real users (d) only yourself
24. 24.True or false: the theme colours is about UI (the look). (a) False (b) True
25. 25.True or false: the icon shapes is about UI (the look). (a) True (b) False
26. 26.True or false: whether users get lost is about UX (the experience). (a) False (b) True
27. 27.Which of these helps everyone use the app? (a) sudden loud sounds (b) icons with no labels (c) text that can grow (d) fast-flashing lights
28. 28.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
29. 29.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ list of items ]
    [ menu icon ]
    [ search box ]
    [ title text ] (a) title text (b) search box (c) list of items
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Shop → Size
    Design B: Home → Size → Confirm → Address → Offers (a) Design A (b) Design B
31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 44 px tall
    Save button: 52 px tall
    Done button: 52 px tall (a) Save (b) Done (c) Send
32. 32.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
33. 33.🧭 What does the back button usually do? (a) goes to the last screen (b) closes all apps (c) deletes the page (d) opens settings
34. 34.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
35. 35.Which of these is true of the back button? (a) undoes one move (b) shows 3 to 5 icons (c) opens a list of pages (d) sits at the bottom
36. 36.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ menu icon ] (a) filter buttons (b) tab bar (c) top bar (d) menu icon
37. 37.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Results → Pens → Pay
    Design B: Home → Shop → Search → Results → Cart → Size
39. 39.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 14 px
    Caption: 20 px
    Body text: 12 px
    Label: 13 px
    Title: 12 px

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