App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 9 · 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.True or false: a final design shows the real fonts. (a) False (b) True
2. 2.True or false: the screen layout is about UX (the experience). (a) False (b) True
3. 3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Title: 17 px
   Body text: 21 px
   Footer: 12 px
   Menu: 13 px
4. 4.🔍 Which is the odd one out? (a) icons with no labels (b) colour as the only clue (c) big touch targets (d) fast-flashing lights
5. 5.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) icons with no labels (d) captions on videos
6. 6.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to hide the buttons (d) to add more taps
7. 7.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
8. 8.🔢 In a sign-up flow, which comes first: “make a password” or “see the home screen”? (a) see the home screen (b) make a password
9. 9.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Search → Confirm → Address → Pens → Pay
   Design B: Home → Pens → Offers → Pay → Address → Menu → Confirm (a) Design B (b) Design A
10. 10.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) make a password (c) enter the code sent (d) open the app
11. 11.True or false: “fast-flashing lights” helps everyone use the app. (a) False (b) True
12. 12.Which of these helps everyone use the app? (a) sudden loud sounds (b) text that can grow (c) icons with no labels (d) colour as the only clue
13. 13.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) open the camera screen (c) add a filter (d) write a caption
14. 14.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ menu icon ]
    [ big picture ]
    [ tab bar ]
    [ filter buttons ]
    [ title text ]
    [ list of items ] (a) list of items (b) filter buttons (c) tab bar (d) menu icon
15. 15.True or false: space between buttons is good button design. (a) False (b) True
16. 16.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Cart
    Design B: Home → Pens → Cart → Results → Search → Shop → Menu
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Score card”
    3. open “Match report”
    Which screen are you on now? (a) Home (b) Search (c) Match report (d) Score card
19. 19.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Home tab
    3. tap the Profile tab
    Which screen are you on now? (a) Profile (b) Help page (c) Search (d) Home
21. 21.💾 Which works with no internet at all? (a) data saved on the phone (b) a shared chat (c) a cloud leaderboard (d) a cloud backup
22. 22.Which of these is true of the back button? (a) goes to the last screen (b) sits at the bottom (c) shows 3 to 5 icons (d) switches main sections
23. 23.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
24. 24.💾 What does this code show? (Positions start at 0.)
    let songs = ["Kites", "Ocean", "Rain", "Monsoon"];
    show(songs[3]); (a) Kites (b) Ocean (c) Rain (d) Monsoon
25. 25.💾 What number does this code show?
    let songs = ["Sunrise", "Kites", "Monsoon", "Rain"];
    songs.push("Stars");
    show(songs.length);
26. 26.True or false: strong colour contrast is good button design. (a) True (b) False
27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Edit photo”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
28. 28.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Edit photo”
    3. tap Back
    4. tap Back
    5. open “Map”
    Which screen are you on now? (a) Map (b) Help page (c) Edit photo (d) Feed
30. 30.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
31. 31.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Lessons tab
    3. open “Video”
    4. open “Badges”
    5. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
33. 33.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
34. 34.♿ Accessibility means an app works for ___. (a) only experts (b) nobody (c) only the coder (d) everyone
35. 35.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a colour theme (d) a type of font
36. 36.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
37. 37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 60 px tall
    Save button: 64 px tall
    Done button: 36 px tall
38. 38.Which of these helps everyone use the app? (a) sudden loud sounds (b) colour as the only clue (c) tiny tap areas (d) big touch targets
39. 39.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) open the app (b) enter the code sent
40. 40.Which colour pair is easy to read? (a) red on green (b) white on black (c) dark blue on black (d) light grey on white

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