App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 97 · 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 this wireframe (top to bottom), what is right below the title text?
   [ title text ]
   [ list of items ]
   [ big picture ]
   [ top bar ]
   [ menu icon ] (a) top bar (b) big picture (c) menu icon (d) list of items
2. 2.Which of these fits saving on the phone? (a) your last game level (b) a class leaderboard (c) a shared to-do list (d) chat messages to friends
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Menu → Results → Search → Offers → Size
   Design B: Home → Shop → Pay → Confirm → Pens (a) Design A (b) Design B
4. 4.💾 What does this code show? (Positions start at 0.)
   let notes = ["Art", "Maths", "Hindi"];
   show(notes[1]); (a) Hindi (b) Maths (c) Art
5. 5.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Back button: 28 px tall
   Help button: 48 px tall
   Done button: 52 px tall
   Cancel button: 56 px tall (a) Back (b) Cancel (c) Help (d) Done
6. 6.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) photos on two devices (d) notes to read offline
7. 7.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
8. 8.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Title: 26 px
   Label: 28 px
   Body text: 14 px (a) Title (b) Body text (c) Label
9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap the Profile tab
   3. tap the Home tab
   Which screen are you on now? (a) Search (b) Help page (c) Home (d) Profile
10. 10.Which of these makes the app harder to use? (a) sudden loud sounds (b) strong colour contrast (c) labels on every icon (d) captions on videos
11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 22 px
    Caption: 12 px
    Body text: 15 px
    Title: 10 px
12. 12.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) nobody (d) real users
13. 13.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
14. 14.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ list of items ]
    [ Save button ]
    [ menu icon ]
    [ big picture ]
    [ filter buttons ] (a) Save button (b) filter buttons (c) list of items (d) menu icon
15. 15.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
16. 16.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
17. 17.🔍 Which is the odd one out? (a) the screen layout (b) how fast a task is done (c) the button colours (d) the font size
18. 18.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) it runs the app (d) changes are quick
19. 19.True or false: icons with no meaning is good button design. (a) True (b) False
20. 20.True or false: a class leaderboard fits saving in the cloud. (a) False (b) True
21. 21.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) fast typists (c) colour-blind users (d) the server
22. 22.🔀 Why plan the user flow before building? (a) to add more taps (b) so each step is clear (c) to hide the buttons (d) to skip testing
23. 23.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
24. 24.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) that tab’s main screen (c) the phone settings (d) the last app used
25. 25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Score card”
    3. tap Back
    Which screen are you on now? (a) Score card (b) Quiz (c) Lessons (d) Me
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 20 px
    Menu: 9 px
    Title: 20 px (a) Label (b) Menu (c) Title
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap the Feed tab
    3. tap the Settings tab
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
28. 28.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ filter buttons ]
    [ tab bar ]
    [ list of items ] (a) list of items (b) tab bar (c) filter buttons
29. 29.🔘 Our rule: buttons are at least 48 px tall. The Back button is 40 px tall. How many px taller must it be?
30. 30.💾 What number does this code show?
    let coins = 4;
    coins = coins - 2;
    coins = coins + 3;
    show(coins);
31. 31.True or false: a clear word like Save is good button design. (a) True (b) False
32. 32.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) strong colour contrast (d) icons with no labels
33. 33.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) photos on two devices (d) a draft you are typing
34. 34.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) dark blue on black (d) white on dark green
35. 35.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 20 px tall. How many px taller must it be?
36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap Back
    3. tap the Me tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
37. 37.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ Add button ]
    [ Save button ]
    [ title text ] (a) big picture (b) Add button (c) title text (d) filter buttons
38. 38.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) opens settings (d) deletes the page
39. 39.♿ What should every icon-only button have for screen readers? (a) a sound (b) a long animation (c) a text label (d) a bright colour
40. 40.♿ A screen has 11 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?

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