App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 641 · 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.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) the app icon (d) nobody
2. 2.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 40 px tall. How many px taller must it be?
3. 3.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see if it is right (b) see the final score (c) read a question (d) pick an answer
4. 4.True or false: a final design shows where things go. (a) False (b) True
5. 5.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a charging cable (d) a type of font
6. 6.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
7. 7.True or false: how easy sign-up is is about UX (the experience). (a) False (b) True
8. 8.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
9. 9.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) make a password (c) enter the code sent (d) open the app
10. 10.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ Add button ]
    [ menu icon ]
    [ tab bar ]
    [ filter buttons ] (a) Add button (b) menu icon (c) filter buttons
11. 11.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) strong colour contrast (d) fast-flashing lights
12. 12.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 1 (c) 20 (d) 3 to 5
13. 13.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UX but poor UI (c) good UI but poor UX (d) perfect UX
14. 14.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ big picture ]
    [ tab bar ]
    [ title text ]
    [ list of items ]
    [ top bar ]
    [ search box ] (a) top bar (b) big picture (c) title text (d) search box
15. 15.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
16. 16.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) read a question (c) tap “Start quiz” (d) see if it is right
17. 17.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Address → Pay → Confirm → Item
    Design B: Home → Pens → Size → Results → Cart → Search → Shop
19. 19.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ menu icon ]
21. 21.🎨 UI stands for user ___. (a) interface (b) internet (c) input (d) idea
22. 22.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
23. 23.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
24. 24.🔢 In a food-order flow, which comes LAST? (a) track the order (b) pick a dish (c) open the menu (d) check the cart
25. 25.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
26. 26.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ title text ]
    [ filter buttons ]
    [ Add button ]
    [ Save button ]
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Pay → Size → Item → Offers → Pens
    Design B: Home → Results → Size → Address → Shop → Cart (a) Design A (b) Design B
28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Results → Menu
    Design B: Home → Search → Confirm → Item → Results → Pay → Menu (a) Design A (b) Design B
29. 29.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo
30. 30.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    [ title text ] (a) title text (b) top bar (c) filter buttons (d) Add button
31. 31.🔘 Our rule: buttons are at least 48 px tall. The Start button is 28 px tall. How many px taller must it be?
32. 32.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) see the final score (c) pick an answer (d) tap “Start quiz”
33. 33.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Monsoon", "Ocean", "Rain", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Rain (c) Ocean (d) Stars
34. 34.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
35. 35.🔍 Which is the odd one out? (a) the font size (b) whether users get lost (c) the icon shapes (d) the button colours
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 40 px tall
    Cancel button: 52 px tall
    Save button: 56 px tall
    Start button: 52 px tall (a) Send (b) Start (c) Cancel (d) Save
37. 37.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
38. 38.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
39. 39.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 11 px
    Hint: 14 px
    Body text: 19 px

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