App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 644 · 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 “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) see the final score (d) read a question
2. 2.Which colour pair is hard to read? (a) white on black (b) black on yellow (c) white on dark green (d) light grey on white
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Shop → Cart → Results → Menu → Pens → Address
   Design B: Home → Results → Menu
4. 4.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
5. 5.🖼️ In this wireframe (top to bottom), what is right above the title text?
   [ search box ]
   [ filter buttons ]
   [ Save button ]
   [ big picture ]
   [ title text ] (a) filter buttons (b) search box (c) Save button (d) big picture
6. 6.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
7. 7.True or false: a wireframe is a quick sketch. (a) True (b) False
8. 8.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) write a caption (b) add a filter
9. 9.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
10. 10.Which of these fits saving on the phone? (a) notes to read offline (b) a shared to-do list (c) photos on two devices (d) chat messages to friends
11. 11.💾 What number does this code show?
    let notes = ["Hindi", "Maths"];
    notes.push("Art");
    notes.push("Science");
    show(notes.length);
12. 12.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 20 px
    Caption: 22 px
    Body text: 28 px
    Label: 9 px (a) Body text (b) Label (c) Title (d) Caption
13. 13.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ Add button ]
    [ title text ]
    [ menu icon ]
    [ top bar ]
    [ filter buttons ] (a) top bar (b) title text (c) filter buttons (d) Add button
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Help page”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Help page”
    3. tap the Search tab
    4. tap the Search tab
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
16. 16.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) enter the code sent (c) open the app (d) type name and email
17. 17.Which of these fits saving in the cloud? (a) the sound on/off setting (b) chat messages to friends (c) notes to read offline (d) your last game level
18. 18.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
19. 19.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) looks like the real app (d) is a quick sketch
20. 20.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
21. 21.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
22. 22.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
23. 23.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
24. 24.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
25. 25.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) see the home screen (b) make a password (c) open the app (d) type name and email
26. 26.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
27. 27.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
28. 28.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “see the home screen”? (a) see the home screen (b) tap “Sign up”
29. 29.Which of these is true of a tab bar? (a) opens a list of pages (b) switches main sections (c) goes to the last screen (d) hides extra links
30. 30.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
31. 31.♿ A screen has 9 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ]
    [ big picture ]
    [ Add button ] (a) filter buttons (b) menu icon (c) Add button (d) big picture
33. 33.🔢 In a sign-up flow, which comes first: “enter the code sent” or “type name and email”? (a) enter the code sent (b) type name and email
34. 34.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
35. 35.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the server (d) the battery
36. 36.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) a picture goes here (c) an error (d) delete this
37. 37.💾 What does this code show? (Positions start at 0.)
    let friends = ["Kabir", "Zoya", "Riya"];
    show(friends[1]); (a) Kabir (b) Riya (c) Zoya
38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ search box ]
    [ tab bar ]
    [ filter buttons ]
    [ menu icon ]
39. 39.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
40. 40.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design

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