App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 417 · 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 part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Search → Menu
   Design B: Home → Menu → Confirm → Cart → Shop → Pay
3. 3.True or false: the font size is about UX (the experience). (a) False (b) True
4. 4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Save button: 48 px tall
   Back button: 44 px tall
   Send button: 72 px tall (a) Save (b) Back (c) Send
5. 5.🔍 Which is the odd one out? (a) icons with no labels (b) sudden loud sounds (c) text that can grow (d) tiny tap areas
6. 6.True or false: your last game level fits saving on the phone. (a) True (b) False
7. 7.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) in the middle (d) at the bottom
8. 8.🖼️ In this wireframe (top to bottom), what is right above the title text?
   [ Save button ]
   [ title text ]
   [ list of items ]
   [ big picture ]
   [ search box ] (a) search box (b) big picture (c) Save button (d) list of items
9. 9.Which colour pair is easy to read? (a) red on green (b) pale pink on white (c) white on black (d) light grey on white
10. 10.♿ Accessibility means an app works for ___. (a) only the coder (b) only experts (c) everyone (d) nobody
11. 11.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
12. 12.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Done button: 44 px tall
    Help button: 52 px tall
    Next button: 60 px tall
13. 13.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) pick an answer (c) read a question (d) see the final score
14. 14.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “type name and email”? (a) tap “Sign up” (b) type name and email
15. 15.♿ Why add captions to videos? (a) so anyone can follow (b) to slow them down (c) to add colour (d) to hide the sound
16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Menu → Offers → Pay → Size → Pens
    Design B: Home → Pens → Confirm
17. 17.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
18. 18.♿ A screen has 9 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
19. 19.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) the sound on/off setting (d) photos on two devices
20. 20.✏️ What is a wireframe? (a) a simple screen sketch (b) a type of password (c) the finished app (d) a charging cable
21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Shop → Pens
    Design B: Home → Results → Menu → Address → Cart → Pens → Confirm
22. 22.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
23. 23.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
24. 24.💾 Which can hold many values in order? (a) a switch (b) a button (c) a list (d) a single number
25. 25.True or false: a wireframe has no real colours. (a) False (b) True
26. 26.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) post the photo (c) take the photo (d) add a filter
27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Map”
    3. tap Back
    4. open “Match report”
    Which screen are you on now? (a) Search (b) Map (c) Home (d) Match report
28. 28.Which of these is about UI (the look)? (a) the icon shapes (b) how many taps it takes (c) how easy sign-up is (d) how users feel after
29. 29.💾 What number does this code show?
    let points = 8;
    points = points - 3;
    points = points + 3;
    show(points);
30. 30.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) so each step is clear (d) to hide the buttons
31. 31.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ top bar ]
    [ menu icon ] (a) search box (b) list of items (c) menu icon (d) Save button
32. 32.Which of these is true of a wireframe? (a) has no real colours (b) has the real colours (c) shows the real fonts (d) uses the final pictures
33. 33.♿ What should every icon-only button have for screen readers? (a) a text label (b) a long animation (c) a bright colour (d) a sound
34. 34.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections
35. 35.Which of these is about UX (the experience)? (a) the button colours (b) the screen layout (c) how users feel after (d) the font size
36. 36.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the button colours (c) the theme colours (d) the screen layout
37. 37.True or false: a final design shows where things go. (a) False (b) True
38. 38.💾 What number does this code show?
    let notes = ["Science", "Maths", "Art"];
    notes.push("Hindi");
    show(notes.length);
39. 39.♿ A screen has 9 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
40. 40.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the server (c) fast typists (d) the battery

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