App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 637 · 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, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
2. 2.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) uses the final pictures (d) is a quick sketch
3. 3.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True
4. 4.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
5. 5.🔍 Which is the odd one out? (a) the font size (b) how many taps it takes (c) whether users get lost (d) how users feel after
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Help page”
   2. open “Friend list”
   3. tap Back
   Which screen are you on now? (a) Lessons (b) Quiz (c) Friend list (d) Help page
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. open “Edit photo”
   3. tap Back
   Which screen are you on now? (a) Search (b) Edit photo (c) Help page (d) Home
8. 8.True or false: the button colours is about UI (the look). (a) False (b) True
9. 9.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
10. 10.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ Save button ]
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ] (a) filter buttons (b) top bar (c) Save button (d) search box
11. 11.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Maths", "Science", "Art", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Hindi (c) Science (d) Art
12. 12.🔢 In a sign-up flow, which comes first: “see the home screen” or “make a password”? (a) make a password (b) see the home screen
13. 13.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
14. 14.True or false: a wireframe uses plain grey boxes. (a) True (b) False
15. 15.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
16. 16.♿ A screen has 8 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 24 px
    Label: 27 px
    Body text: 9 px (a) Footer (b) Body text (c) Label
18. 18.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) see the final score (b) tap “Start quiz” (c) pick an answer (d) read a question
19. 19.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
20. 20.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) open the camera screen (c) post the photo (d) take the photo
21. 21.True or false: how users feel after is about UI (the look). (a) False (b) True
22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Results
    Design B: Home → Confirm → Address → Menu → Pens → Size (a) Design A (b) Design B
23. 23.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
24. 24.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
25. 25.Which of these is about UX (the experience)? (a) the screen layout (b) the button colours (c) the icon shapes (d) how easy sign-up is
26. 26.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
27. 27.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) a colour theme (d) the path through screens
28. 28.🔍 Which is the odd one out? (a) the icon shapes (b) how easy sign-up is (c) the button colours (d) the theme colours
29. 29.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ big picture ] (a) list of items (b) big picture (c) top bar
30. 30.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) pick an answer (c) see the final score (d) tap “Start quiz”
31. 31.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) hides extra links (c) undoes one move (d) sits at the bottom
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Match report”
    3. tap the Settings tab
    4. open “Badges”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
33. 33.💾 What number does this code show?
    let coins = 3;
    coins = coins - 3;
    coins = coins + 1;
    show(coins);
34. 34.True or false: strong colour contrast is good button design. (a) True (b) False
35. 35.True or false: the font size is about UX (the experience). (a) True (b) False
36. 36.♿ A screen has 10 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
37. 37.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    Which screen are you on now? (a) Map (b) Friend list (c) Search (d) Home
38. 38.💾 What number does this code show?
    let songs = ["Ocean", "Sunrise"];
    songs.push("Rain");
    songs.push("Kites");
    show(songs.length);
39. 39.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Size → Search → Address → Pens
    Design B: Home → Shop → Menu → Item → Size → Offers → Search (a) Design B (b) Design A
40. 40.True or false: the theme colours is about UI (the look). (a) True (b) False

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