App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 981 · 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.💾 Which works with no internet at all? (a) a cloud backup (b) data saved on the phone (c) a shared chat (d) a cloud leaderboard
2. 2.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
3. 3.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
4. 4.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) make a password (b) type name and email
5. 5.True or false: the screen layout is about UX (the experience). (a) False (b) True
6. 6.Which of these is true of a final design? (a) has no real colours (b) uses plain grey boxes (c) shows where things go (d) has the real colours
7. 7.💾 What number does this code show?
   let songs = ["Rain", "Sunrise"];
   songs.push("Ocean");
   songs.push("Kites");
   show(songs.length);
8. 8.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) shows where things go (d) uses plain grey boxes
9. 9.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
10. 10.True or false: “colour as the only clue” makes the app harder to use. (a) False (b) True
11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ tab bar ]
    [ Add button ]
    [ Save button ]
    [ list of items ] (a) tab bar (b) Add button (c) filter buttons (d) list of items
12. 12.♿ A screen has 11 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
13. 13.♿ Accessibility means an app works for ___. (a) only the coder (b) everyone (c) only experts (d) nobody
14. 14.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
15. 15.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ title text ]
    [ list of items ]
    [ top bar ]
    [ menu icon ] (a) title text (b) menu icon (c) list of items
16. 16.True or false: “strong colour contrast” helps everyone use the app. (a) True (b) False
17. 17.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
18. 18.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
19. 19.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Score card”
    3. tap Back
    4. open “Map”
    5. tap Back
    Which screen are you on now? (a) Score card (b) Chat (c) Map (d) Feed
21. 21.💾 What number does this code show?
    let songs = ["Rain", "Stars"];
    songs.push("Sunrise");
    show(songs.length);
22. 22.Which colour pair is easy to read? (a) light grey on white (b) dark blue on black (c) white on black (d) red on green
23. 23.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
24. 24.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
25. 25.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) switches main sections (d) goes to the last screen
26. 26.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ list of items ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ]
    [ title text ] (a) list of items (b) filter buttons (c) top bar (d) title text
27. 27.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 11 px
    Hint: 22 px
    Caption: 17 px
28. 28.🔢 In a quiz-app flow, which comes first: “see the final score” or “pick an answer”? (a) pick an answer (b) see the final score
29. 29.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) post the photo (c) open the camera screen (d) add a filter
30. 30.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) type name and email
31. 31.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. tap the Quiz tab
    3. tap the Me tab
    4. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
33. 33.True or false: a final design has no real colours. (a) True (b) False
34. 34.Which of these makes the app harder to use? (a) text that can grow (b) fast-flashing lights (c) strong colour contrast (d) big touch targets
35. 35.True or false: a final design uses the final pictures. (a) False (b) True
36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Sports", "Science", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Hindi (c) Sports (d) Maths
37. 37.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 18 px
    Footer: 11 px
    Caption: 16 px (a) Menu (b) Caption (c) Footer
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ tab bar ]
    [ Add button ]
    [ list of items ]
40. 40.💾 What number does this code show?
    let score = 5;
    score = score - 3;
    score = score + 3;
    show(score);

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