App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 811 · 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.🎨 UX stands for user ___. (a) express (b) experience (c) example (d) extra
2. 2.Which of these is true of the back button? (a) switches main sections (b) shows 3 to 5 icons (c) goes to the last screen (d) opens a list of pages
3. 3.🔍 Which is the odd one out? (a) the button colours (b) how fast a task is done (c) how users feel after (d) how many taps it takes
4. 4.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
5. 5.True or false: strong colour contrast is poor button design. (a) True (b) False
6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Results → Item → Shop → Menu → Offers → Pay
   Design B: Home → Offers → Search (a) Design B (b) Design A
7. 7.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
8. 8.🔍 Which is the odd one out? (a) how users feel after (b) how many taps it takes (c) the theme colours (d) how fast a task is done
9. 9.True or false: a wireframe has the real colours. (a) False (b) True
10. 10.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
11. 11.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) so each step is clear (d) to add more taps
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ tab bar ]
    [ big picture ]
    [ search box ]
13. 13.🎨 UI stands for user ___. (a) interface (b) input (c) idea (d) internet
14. 14.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) a picture goes here (d) delete this
15. 15.🔍 Which is the odd one out? (a) sudden loud sounds (b) text that can grow (c) icons with no labels (d) fast-flashing lights
16. 16.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
17. 17.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) sits at the bottom (c) opens a list of pages (d) goes to the last screen
18. 18.True or false: the sound on/off setting fits saving in the cloud. (a) False (b) True
19. 19.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) goes to the last screen (d) deletes the page
20. 20.Which of these helps everyone use the app? (a) colour as the only clue (b) labels on every icon (c) icons with no labels (d) fast-flashing lights
21. 21.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Match report”
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
23. 23.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
24. 24.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “see the home screen”? (a) tap “Sign up” (b) see the home screen
25. 25.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) captions on videos (d) fast-flashing lights
26. 26.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
27. 27.True or false: buttons almost touching is good button design. (a) False (b) True
28. 28.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
29. 29.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) how fast a task is done (d) how many taps it takes
30. 30.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the screen turns off (c) you send a message (d) the phone is lost
31. 31.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ top bar ]
    [ menu icon ]
    [ title text ]
    [ list of items ]
    [ Save button ] (a) menu icon (b) top bar (c) list of items (d) Save button
32. 32.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) the button colours (d) whether users get lost
33. 33.💾 Which can hold many values in order? (a) a list (b) a single number (c) a button (d) a switch
34. 34.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 52 px tall
    Done button: 24 px tall
    Next button: 56 px tall
    Send button: 52 px tall (a) Send (b) Next (c) Done (d) Help
36. 36.💾 What number does this code show?
    let notes = ["Maths", "Art"];
    notes.push("Science");
    show(notes.length);
37. 37.🔍 Which is the odd one out? (a) how many taps it takes (b) the icon shapes (c) how easy sign-up is (d) how fast a task is done
38. 38.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “open the app”? (a) tap “Sign up” (b) open the app
39. 39.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) tab bar (d) dead end
40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 64 px tall
    Back button: 72 px tall
    Help button: 32 px tall (a) Cancel (b) Help (c) Back

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