App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 536 · 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.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) read a question (b) pick an answer
2. 2.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to skip testing (d) to hide the buttons
3. 3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 24 px
   Title: 12 px
   Footer: 19 px
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Lessons tab
   2. tap the Lessons tab
   3. open “Friend list”
   4. tap Back
   5. open “Score card”
   How many times must you tap Back to reach the main screen of this tab?
5. 5.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
6. 6.🖼️ In this wireframe (top to bottom), what is right above the search box?
   [ Add button ]
   [ tab bar ]
   [ filter buttons ]
   [ top bar ]
   [ search box ] (a) tab bar (b) top bar (c) Add button (d) filter buttons
7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 32 px tall
   Save button: 64 px tall
   Help button: 40 px tall
   Back button: 64 px tall
8. 8.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) so anyone can follow (d) to slow them down
9. 9.🔢 In a photo-post flow, which comes first: “post the photo” or “open the camera screen”? (a) post the photo (b) open the camera screen
10. 10.Which of these helps everyone use the app? (a) fast-flashing lights (b) icons with no labels (c) tiny tap areas (d) text that can grow
11. 11.💾 What number does this code show?
    let notes = ["Art", "Music", "Hindi"];
    notes.push("Science");
    show(notes.length);
12. 12.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) has the real colours (d) uses the final pictures
13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pay
    Design B: Home → Shop → Address → Size → Cart (a) Design A (b) Design B
14. 14.🔢 In a photo-post flow, which comes first: “add a filter” or “take the photo”? (a) take the photo (b) add a filter
15. 15.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Meera", "Riya", "Arjun"];
    show(friends[3]); (a) Riya (b) Meera (c) Aman (d) Arjun
16. 16.🔘 Our rule: buttons are at least 48 px tall. The Done button is 20 px tall. How many px taller must it be?
17. 17.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
18. 18.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ title text ]
    [ big picture ]
    [ top bar ]
19. 19.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ list of items ]
    [ top bar ]
    [ tab bar ]
    [ Add button ]
    [ filter buttons ] (a) tab bar (b) top bar (c) list of items (d) filter buttons
20. 20.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ search box ]
    [ top bar ]
    [ title text ]
    [ filter buttons ] (a) title text (b) filter buttons (c) top bar (d) big picture
21. 21.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) deletes the page (d) opens settings
22. 22.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 13 px
    Caption: 24 px
    Footer: 15 px
    Hint: 14 px
24. 24.🔍 Which is the odd one out? (a) text that can grow (b) captions on videos (c) sudden loud sounds (d) big touch targets
25. 25.🔍 Which is the odd one out? (a) the screen layout (b) the icon shapes (c) how users feel after (d) the theme colours
26. 26.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) is a quick sketch (d) uses the final pictures
27. 27.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a colour theme (d) a charging cable
28. 28.💾 What is a variable? (a) a named box for a value (b) a phone setting (c) a type of screen (d) a picture
29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Edit photo”
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
30. 30.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 13 px
    Title: 24 px
    Menu: 20 px
31. 31.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
32. 32.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) shows where things go
33. 33.Which of these helps everyone use the app? (a) fast-flashing lights (b) tiny tap areas (c) colour as the only clue (d) labels on every icon
34. 34.🔍 Which is the odd one out? (a) whether users get lost (b) the button colours (c) how easy sign-up is (d) how users feel after
35. 35.💾 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
36. 36.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ search box ]
    [ big picture ]
    [ tab bar ]
    [ menu icon ] (a) menu icon (b) tab bar (c) search box
37. 37.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
38. 38.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo
39. 39.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ big picture ]
    [ Add button ]
    [ list of items ]
    [ top bar ]
    [ title text ]
    [ Save button ] (a) Add button (b) big picture (c) top bar (d) title text
40. 40.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) only yourself (d) nobody

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