App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 550 · 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, what comes right after “read a question”? (a) pick an answer (b) see the final score (c) see if it is right (d) tap “Start quiz”
2. 2.🖼️ In this wireframe (top to bottom), what is right above the list of items?
   [ tab bar ]
   [ list of items ]
   [ top bar ]
   [ filter buttons ] (a) filter buttons (b) tab bar (c) top bar
3. 3.🎨 UI stands for user ___. (a) input (b) interface (c) idea (d) internet
4. 4.True or false: how users feel after is about UI (the look). (a) True (b) False
5. 5.💾 What number does this code show?
   let friends = ["Riya", "Zoya"];
   friends.push("Meera");
   show(friends.length);
6. 6.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
7. 7.True or false: “colour as the only clue” makes the app harder to use. (a) True (b) False
8. 8.💾 What number does this code show?
   let coins = 9;
   coins = coins - 7;
   coins = coins + 3;
   show(coins);
9. 9.Which colour pair is hard to read? (a) black on yellow (b) white on black (c) dark blue on black (d) white on dark green
10. 10.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
11. 11.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) black on yellow (d) pale pink on white
12. 12.True or false: how fast a task is done is about UI (the look). (a) False (b) True
13. 13.True or false: your last game level fits saving in the cloud. (a) True (b) False
14. 14.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
15. 15.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ title text ]
    [ tab bar ]
    [ filter buttons ] (a) big picture (b) title text (c) filter buttons (d) tab bar
16. 16.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) nowhere (d) at the bottom
17. 17.💾 What number does this code show?
    let notes = ["Sports", "Hindi", "Science", "Art"];
    notes.push("Maths");
    notes.push("Music");
    show(notes.length);
18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ list of items ]
    [ menu icon ]
    [ top bar ] (a) top bar (b) list of items (c) menu icon (d) filter buttons
19. 19.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) uses the final pictures (d) uses plain grey boxes
20. 20.True or false: a final design uses plain grey boxes. (a) True (b) False
21. 21.True or false: your last game level fits saving on the phone. (a) False (b) True
22. 22.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) big touch targets (d) fast-flashing lights
23. 23.🔍 Which is the odd one out? (a) how users feel after (b) how many taps it takes (c) how fast a task is done (d) the screen layout
24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 64 px tall
    Done button: 44 px tall
    Next button: 44 px tall
25. 25.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
26. 26.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pay for the order (c) track the order (d) pick a dish
27. 27.🔍 Which is the odd one out? (a) colour as the only clue (b) strong colour contrast (c) icons with no labels (d) tiny tap areas
28. 28.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
29. 29.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
30. 30.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ big picture ]
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ tab bar ]
    [ Add button ] (a) Add button (b) menu icon (c) big picture (d) tab bar
31. 31.Which of these is about UX (the experience)? (a) the theme colours (b) how users feel after (c) the button colours (d) the font size
32. 32.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ tab bar ]
    [ menu icon ]
    [ list of items ]
    [ big picture ]
    [ search box ] (a) big picture (b) search box (c) tab bar (d) menu icon
33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ title text ]
    [ top bar ]
34. 34.💾 What number does this code show?
    let friends = ["Arjun", "Aman", "Zoya"];
    friends.push("Meera");
    show(friends.length);
35. 35.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) open the app (c) see the home screen (d) type name and email
36. 36.💾 What number does this code show?
    let stars = 9;
    stars = stars - 9;
    stars = stars + 2;
    show(stars);
37. 37.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) reads the screen aloud (d) plays music
38. 38.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
39. 39.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.Which of these is true of a final design? (a) uses the final pictures (b) shows where things go (c) is a quick sketch (d) uses plain grey boxes

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