App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 481 · 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 wireframe has no real colours. (a) False (b) True
2. 2.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) post the photo (d) write a caption
3. 3.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) is a quick sketch (d) shows the real fonts
4. 4.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
5. 5.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) switches main sections (d) opens a list of pages
6. 6.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
7. 7.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 10 (d) 1
8. 8.💾 pop() takes off the last item. What does this code show?
   let friends = ["Meera", "Riya", "Kabir", "Aman", "Zoya"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Kabir (b) Riya (c) Aman (d) Meera
9. 9.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) dead end (c) home screen (d) shortcut
10. 10.Which of these helps everyone use the app? (a) fast-flashing lights (b) sudden loud sounds (c) colour as the only clue (d) captions on videos
11. 11.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a clear next step (d) a dead end
12. 12.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 18 px
    Hint: 16 px
    Menu: 12 px
13. 13.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) shows the real fonts (d) uses plain grey boxes
14. 14.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
15. 15.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) it runs the app (d) changes are quick
16. 16.Which of these fits saving on the phone? (a) the sound on/off setting (b) a shared to-do list (c) a class leaderboard (d) chat messages to friends
17. 17.🔘 Our rule: buttons are at least 48 px tall. The Done button is 28 px tall. How many px taller must it be?
18. 18.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ top bar ]
    [ big picture ]
    [ tab bar ]
    [ filter buttons ] (a) top bar (b) filter buttons (c) big picture
19. 19.Which of these is about UX (the experience)? (a) the theme colours (b) the font size (c) how users feel after (d) the screen layout
20. 20.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Kabir", "Riya"];
    show(friends[0]); (a) Kabir (b) Meera (c) Riya
21. 21.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) only yourself (d) real users
22. 22.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Ocean", "Monsoon", "Sunrise", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Stars (b) Ocean (c) Monsoon (d) Sunrise
23. 23.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 17 px
    Hint: 20 px
    Label: 10 px (a) Body text (b) Hint (c) Label
25. 25.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Offers → Results → Address
    Design B: Home → Shop → Results (a) Design A (b) Design B
27. 27.💾 What number does this code show?
    let notes = ["Maths", "Music", "Science"];
    notes.push("Hindi");
    show(notes.length);
28. 28.Which of these is about UX (the experience)? (a) the button colours (b) how easy sign-up is (c) the font size (d) the icon shapes
29. 29.True or false: the font size is about UX (the experience). (a) True (b) False
30. 30.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
31. 31.Which of these is true of the back button? (a) sits at the bottom (b) opens a list of pages (c) undoes one move (d) switches main sections
32. 32.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
33. 33.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) open the app (b) tap “Sign up” (c) see the home screen (d) type name and email
34. 34.True or false: grey text on grey is good button design. (a) True (b) False
35. 35.True or false: your last game level fits saving in the cloud. (a) False (b) True
36. 36.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ Add button ]
    [ list of items ]
    [ Save button ]
    [ search box ]
38. 38.💾 What number does this code show?
    let songs = ["Rain", "Kites"];
    songs.push("Stars");
    songs.push("Sunrise");
    show(songs.length);
39. 39.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
40. 40.💾 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

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