App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 462 · 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?
   Menu: 14 px
   Hint: 23 px
   Body text: 16 px
   Footer: 23 px
2. 2.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
3. 3.Which of these is true of a tab bar? (a) hides extra links (b) switches main sections (c) goes to the last screen (d) opens a list of pages
4. 4.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ filter buttons ]
   [ list of items ]
   [ Save button ]
   [ top bar ]
   [ search box ] (a) top bar (b) search box (c) filter buttons (d) list of items
5. 5.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
6. 6.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 12 px
   Body text: 13 px
   Title: 15 px
   Hint: 15 px
7. 7.♿ A screen has 9 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
8. 8.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) open the camera screen (b) write a caption
9. 9.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
10. 10.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ list of items ]
    [ top bar ]
    [ tab bar ]
    [ Save button ] (a) list of items (b) tab bar (c) Save button
11. 11.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ top bar ]
    [ menu icon ]
    [ title text ]
    [ list of items ] (a) title text (b) list of items (c) top bar (d) menu icon
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ Save button ]
    [ tab bar ]
    [ Add button ]
13. 13.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Score card”
    3. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Pens → Menu
    Design B: Home → Shop → Offers → Confirm → Menu → Search
16. 16.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
17. 17.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Confirm → Pay
    Design B: Home → Shop → Menu → Pens → Address → Results → Cart
19. 19.True or false: icons with no meaning is good button design. (a) False (b) True
20. 20.🔘 Our rule: buttons are at least 48 px tall. The Save button is 20 px tall. How many px taller must it be?
21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Menu
    Design B: Home → Menu → Shop → Size → Offers
22. 22.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo
23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
24. 24.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
25. 25.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) at the bottom (d) in the middle
26. 26.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
27. 27.Which colour pair is easy to read? (a) white on black (b) yellow on white (c) light grey on white (d) pale pink on white
28. 28.🔘 Our rule: buttons are at least 48 px tall. The Back button is 24 px tall. How many px taller must it be?
29. 29.True or false: strong colour contrast is good button design. (a) False (b) True
30. 30.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
31. 31.🔢 In a food-order flow, which comes first: “open the menu” or “check the cart”? (a) check the cart (b) open the menu
32. 32.True or false: “big touch targets” makes the app harder to use. (a) True (b) False
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Done button is 20 px tall. How many px taller must it be?
34. 34.💾 What number does this code show?
    let notes = ["Music", "Sports"];
    notes.push("Maths");
    show(notes.length);
35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 32 px tall
    Done button: 48 px tall
    Start button: 68 px tall (a) Back (b) Start (c) Done
36. 36.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 9 px
    Caption: 28 px
    Title: 27 px (a) Caption (b) Title (c) Footer
37. 37.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Hindi", "Music", "Art"];
    show(notes[4]); (a) Art (b) Maths (c) Hindi (d) Sports
38. 38.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) a class leaderboard (d) a draft you are typing
39. 39.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
40. 40.🎨 Who should you test the UX with? (a) real users (b) nobody (c) only yourself (d) the app icon

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