App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 592 · 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) example (b) experience (c) express (d) extra
2. 2.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
3. 3.🔍 Which is the odd one out? (a) the theme colours (b) how many taps it takes (c) the icon shapes (d) the font size
4. 4.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
5. 5.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 1 (c) 10 (d) 2
6. 6.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
7. 7.♿ What should every icon-only button have for screen readers? (a) a sound (b) a text label (c) a bright colour (d) a long animation
8. 8.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) has the real colours (d) uses the final pictures
9. 9.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
10. 10.True or false: how users feel after is about UX (the experience). (a) True (b) False
11. 11.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
12. 12.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 22 px
    Title: 10 px
    Label: 28 px (a) Label (b) Caption (c) Title
13. 13.Which of these is true of a tab bar? (a) switches main sections (b) undoes one move (c) opens a list of pages (d) goes to the last screen
14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ filter buttons ]
    [ menu icon ]
    [ Save button ] (a) list of items (b) filter buttons (c) Save button (d) menu icon
15. 15.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ list of items ]
    [ Add button ] (a) list of items (b) tab bar (c) search box (d) Add button
17. 17.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) pay for the order (b) track the order
18. 18.True or false: a final design shows where things go. (a) True (b) False
19. 19.True or false: a final design uses plain grey boxes. (a) True (b) False
20. 20.🔢 In a sign-up flow, what comes right after “make a password”? (a) tap “Sign up” (b) type name and email (c) open the app (d) enter the code sent
21. 21.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) is a quick sketch (d) uses the final pictures
22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pens → Pay → Results → Shop → Cart
    Design B: Home → Item → Menu → Shop (a) Design B (b) Design A
23. 23.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Stars", "Rain", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Stars (b) Rain (c) Ocean (d) Sunrise
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Edit photo”
    4. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
25. 25.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
26. 26.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) goes to the last screen (d) deletes the page
27. 27.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
28. 28.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
29. 29.Which of these fits saving on the phone? (a) a shared to-do list (b) notes to read offline (c) a class leaderboard (d) photos on two devices
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 52 px tall
    Done button: 56 px tall
    Back button: 56 px tall
31. 31.Which of these is about UX (the experience)? (a) the theme colours (b) the screen layout (c) the button colours (d) how fast a task is done
32. 32.Which of these is true of a tab bar? (a) undoes one move (b) sits at the bottom (c) hides extra links (d) opens a list of pages
33. 33.True or false: the theme colours is about UX (the experience). (a) True (b) False
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Address → Size → Shop
    Design B: Home → Cart → Size → Offers → Menu → Results
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Cart
    Design B: Home → Item → Results → Confirm → Menu → Size → Offers (a) Design B (b) Design A
36. 36.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) the button colours (d) the screen layout
37. 37.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) real users (d) nobody
38. 38.🔢 In a food-order flow, what comes right after “pay for the order”? (a) add it to the cart (b) track the order (c) pick a dish (d) check the cart
39. 39.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
40. 40.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the battery (c) fast typists (d) the server

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