App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 913 · 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. Which text on this screen is too small?
   Body text: 23 px
   Label: 22 px
   Menu: 13 px (a) Body text (b) Label (c) Menu
2. 2.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. open “Edit photo”
   3. open “Edit photo”
   Which screen are you on now? (a) Settings (b) Feed (c) Edit photo (d) Chat
4. 4.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
5. 5.True or false: “strong colour contrast” helps everyone use the app. (a) True (b) False
6. 6.🔢 In a photo-post flow, what comes right after “write a caption”? (a) add a filter (b) open the camera screen (c) take the photo (d) post the photo
7. 7.🎨 UX stands for user ___. (a) express (b) extra (c) example (d) experience
8. 8.🖼️ In this wireframe (top to bottom), what is right below the Add button?
   [ menu icon ]
   [ top bar ]
   [ Add button ]
   [ tab bar ]
   [ big picture ] (a) menu icon (b) top bar (c) tab bar (d) big picture
9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Profile tab
   2. open “Video”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
10. 10.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Kites", "Monsoon", "Stars", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Stars (c) Kites (d) Rain
11. 11.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
12. 12.Which colour pair is easy to read? (a) black on yellow (b) yellow on white (c) pale pink on white (d) light grey on white
13. 13.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) tap “Sign up” (c) open the app (d) type name and email
14. 14.🔍 Which is the odd one out? (a) icons with no labels (b) big touch targets (c) fast-flashing lights (d) tiny tap areas
15. 15.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
16. 16.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
17. 17.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) see the home screen (c) make a password (d) type name and email
18. 18.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
19. 19.True or false: the font size is about UI (the look). (a) False (b) True
20. 20.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ tab bar ]
    [ search box ]
    [ big picture ]
    [ menu icon ]
    [ top bar ] (a) big picture (b) top bar (c) tab bar (d) search box
21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Chat tab
    3. open “Help page”
    Which screen are you on now? (a) Feed (b) Help page (c) Chat (d) Match report
22. 22.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Art", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Science (c) Art (d) Hindi
23. 23.Which of these is true of a final design? (a) uses plain grey boxes (b) has the real colours (c) shows where things go (d) has no real colours
24. 24.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ search box ]
    [ tab bar ]
    [ Add button ]
    [ list of items ]
    [ menu icon ] (a) list of items (b) search box (c) tab bar (d) menu icon
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ search box ]
    [ tab bar ]
    [ title text ]
    [ Add button ] (a) search box (b) tab bar (c) Add button (d) title text
26. 26.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 48 px tall
    Back button: 32 px tall
    Cancel button: 72 px tall (a) Back (b) Cancel (c) Next
27. 27.🔍 Which is the odd one out? (a) the screen layout (b) the font size (c) the button colours (d) how easy sign-up is
28. 28.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) uses plain grey boxes (d) shows the real fonts
29. 29.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) has the real colours (d) uses plain grey boxes
30. 30.Which of these is true of a menu button? (a) hides extra links (b) goes to the last screen (c) undoes one move (d) switches main sections
31. 31.True or false: a final design is a quick sketch. (a) False (b) True
32. 32.🔢 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
33. 33.🔍 Which is the odd one out? (a) the font size (b) the icon shapes (c) how users feel after (d) the theme colours
34. 34.True or false: a final design has the real colours. (a) True (b) False
35. 35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 26 px
    Menu: 21 px
    Footer: 9 px (a) Footer (b) Label (c) Menu
36. 36.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Arjun", "Kabir", "Aman", "Zoya"];
    show(friends[2]); (a) Aman (b) Kabir (c) Arjun (d) Riya
37. 37.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ menu icon ]
    [ big picture ]
    [ tab bar ]
    [ filter buttons ] (a) big picture (b) menu icon (c) filter buttons
38. 38.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) pick a dish (b) open the menu
39. 39.💾 What number does this code show?
    let notes = ["Sports", "Maths", "Art", "Hindi"];
    notes.push("Science");
    notes.push("Music");
    show(notes.length);
40. 40.Which of these helps everyone use the app? (a) captions on videos (b) sudden loud sounds (c) fast-flashing lights (d) icons with no labels

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