App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 601 · 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 of these is true of a menu button? (a) switches main sections (b) hides extra links (c) shows 3 to 5 icons (d) sits at the bottom
2. 2.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
3. 3.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
4. 4.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
5. 5.🖼️ In this wireframe (top to bottom), what is right below the big picture?
   [ title text ]
   [ big picture ]
   [ list of items ]
   [ Save button ]
   [ top bar ] (a) Save button (b) title text (c) list of items (d) top bar
6. 6.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
7. 7.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
8. 8.Which of these is true of a tab bar? (a) sits at the bottom (b) opens a list of pages (c) hides extra links (d) goes to the last screen
9. 9.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) the sound on/off setting (d) a class leaderboard
10. 10.🔍 Which is the odd one out? (a) the font size (b) the icon shapes (c) whether users get lost (d) the screen layout
11. 11.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
12. 12.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) add a filter (d) post the photo
13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. tap the Feed tab
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
14. 14.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) uses plain grey boxes (d) has the real colours
15. 15.True or false: a final design uses the final pictures. (a) True (b) False
16. 16.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 11 px
    Body text: 13 px
    Hint: 19 px
    Menu: 15 px
    Footer: 13 px
17. 17.Which of these is true of the back button? (a) switches main sections (b) goes to the last screen (c) shows 3 to 5 icons (d) opens a list of pages
18. 18.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ filter buttons ]
    [ list of items ]
    [ tab bar ]
    [ top bar ]
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap Back
    3. open “Friend list”
    4. open “Edit photo”
    Which screen are you on now? (a) Help page (b) Friend list (c) Home (d) Edit photo
20. 20.True or false: whether users get lost is about UI (the look). (a) True (b) False
21. 21.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
22. 22.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) fast typists (c) the battery (d) colour-blind users
23. 23.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ search box ]
    [ title text ]
    [ menu icon ]
24. 24.🔘 Our rule: buttons are at least 48 px tall. The Save button is 28 px tall. How many px taller must it be?
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Pens → Confirm → Size → Menu → Offers
    Design B: Home → Pay → Size
26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 20 px
    Hint: 12 px
    Title: 16 px
    Footer: 22 px
    Body text: 23 px
27. 27.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
28. 28.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) shows the real fonts (d) looks like the real app
29. 29.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
30. 30.💾 What number does this code show?
    let points = 5;
    points = points - 1;
    points = points + 2;
    show(points);
31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ Add button ] (a) search box (b) Add button (c) top bar (d) tab bar
32. 32.🔍 Which is the odd one out? (a) icons with no labels (b) colour as the only clue (c) fast-flashing lights (d) labels on every icon
33. 33.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
34. 34.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ search box ]
    [ Save button ]
    [ menu icon ]
    [ top bar ]
    [ Add button ]
    [ list of items ] (a) Save button (b) list of items (c) top bar (d) menu icon
35. 35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 24 px
    Menu: 19 px
    Title: 12 px
    Label: 21 px
    Hint: 24 px (a) Title (b) Caption (c) Label (d) Menu
36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Offers → Shop
    Design B: Home → Search → Pay → Size → Address (a) Design B (b) Design A
37. 37.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) pencil and paper (c) a microphone (d) a phone case
38. 38.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) notes to read offline (d) chat messages to friends
39. 39.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) see the home screen (c) make a password (d) enter the code sent
40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 48 px tall
    Back button: 32 px tall
    Save button: 48 px tall
    Send button: 56 px tall (a) Done (b) Back (c) Send (d) Save

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