App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 427 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. open “Match report”
   3. tap Back
   4. open “Match report”
   Which screen are you on now? (a) Match report (b) Home (c) Profile (d) Search
2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 56 px tall
   Done button: 64 px tall
   Back button: 28 px tall (a) Back (b) Done (c) Next
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap Back
   3. open “Map”
   4. tap the Profile tab
   Which screen are you on now? (a) Help page (b) Home (c) Profile (d) Map
4. 4.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
5. 5.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ search box ]
   [ menu icon ]
   [ top bar ]
   [ Save button ] (a) top bar (b) menu icon (c) search box
6. 6.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) track the order (c) pay for the order (d) open the menu
7. 7.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the phone is lost (d) the screen turns off
8. 8.Which colour pair is hard to read? (a) black on yellow (b) dark blue on white (c) white on black (d) red on green
9. 9.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
10. 10.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
11. 11.💾 Which works with no internet at all? (a) data saved on the phone (b) a shared chat (c) a cloud backup (d) a cloud leaderboard
12. 12.True or false: grey text on grey is poor button design. (a) False (b) True
13. 13.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
14. 14.Which colour pair is easy to read? (a) red on green (b) pale pink on white (c) black on yellow (d) light grey on white
15. 15.Which of these is true of the back button? (a) undoes one move (b) shows 3 to 5 icons (c) opens a list of pages (d) sits at the bottom
16. 16.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
17. 17.🔍 Which is the odd one out? (a) the font size (b) how users feel after (c) the theme colours (d) the button colours
18. 18.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
19. 19.🔘 Our rule: buttons are at least 48 px tall. The Back button is 32 px tall. How many px taller must it be?
20. 20.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) enter the code sent (b) make a password (c) open the app (d) type name and email
21. 21.Which of these makes the app harder to use? (a) colour as the only clue (b) labels on every icon (c) captions on videos (d) strong colour contrast
22. 22.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 25 px
    Hint: 20 px
    Label: 11 px (a) Hint (b) Label (c) Body text
23. 23.💾 What number does this code show?
    let notes = ["Art", "Maths"];
    notes.push("Sports");
    show(notes.length);
24. 24.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
25. 25.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Save button ]
    [ filter buttons ]
    [ Add button ]
    [ top bar ]
    [ search box ] (a) top bar (b) Add button (c) search box (d) filter buttons
27. 27.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) uses plain grey boxes (d) shows the real fonts
28. 28.♿ A screen has 10 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
29. 29.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to hide the buttons (d) to skip testing
30. 30.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Add button ]
    [ list of items ]
    [ big picture ]
    [ tab bar ]
    [ search box ] (a) search box (b) list of items (c) title text (d) big picture
32. 32.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows the real fonts (d) shows where things go
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 19 px
    Caption: 23 px
    Body text: 12 px
    Title: 22 px (a) Caption (b) Title (c) Body text (d) Menu
34. 34.💾 What number does this code show?
    let notes = ["Sports", "Hindi"];
    notes.push("Maths");
    notes.push("Music");
    show(notes.length);
35. 35.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 36 px tall
    Done button: 40 px tall
    Help button: 36 px tall
    Next button: 44 px tall
36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Match report”
    3. tap the Search tab
    4. open “Video”
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
37. 37.True or false: the font size is about UX (the experience). (a) True (b) False
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 13 px
    Caption: 26 px
    Hint: 17 px (a) Caption (b) Title (c) Hint
39. 39.Which of these helps everyone use the app? (a) colour as the only clue (b) big touch targets (c) tiny tap areas (d) fast-flashing lights
40. 40.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) post the photo (b) open the camera screen

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