App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 145 · 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.Which colour pair is easy to read? (a) light grey on white (b) white on black (c) red on green (d) dark blue on black
2. 2.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) tap “Start quiz” (c) read a question (d) see the final score
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Cart → Results
   Design B: Home → Size → Pay → Results → Shop → Pens → Address (a) Design B (b) Design A
4. 4.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ Add button ]
   [ top bar ]
   [ Save button ]
   [ search box ]
   [ list of items ]
   [ filter buttons ] (a) filter buttons (b) Add button (c) search box (d) top bar
5. 5.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
6. 6.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) inside a button (c) nowhere (d) in the middle
7. 7.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
8. 8.Which colour pair is easy to read? (a) black on yellow (b) light grey on white (c) yellow on white (d) pale pink on white
9. 9.True or false: a final design uses plain grey boxes. (a) True (b) False
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Shop
    Design B: Home → Cart → Shop → Confirm → Size → Results → Address
11. 11.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
12. 12.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) dark blue on white (d) red on green
13. 13.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) enter the code sent (c) tap “Sign up” (d) open the app
14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 48 px tall
    Back button: 40 px tall
    Send button: 48 px tall
    Next button: 40 px tall
15. 15.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
16. 16.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 18 px
    Body text: 16 px
    Footer: 21 px
    Label: 22 px
17. 17.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) track the order (c) check the cart (d) open the menu
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Badges”
    3. tap the Search tab
    Which screen are you on now? (a) Home (b) Profile (c) Badges (d) Search
19. 19.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
20. 20.💾 What number does this code show?
    let songs = ["Ocean", "Rain"];
    songs.push("Sunrise");
    show(songs.length);
21. 21.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) icons with no labels (d) captions on videos
22. 22.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
23. 23.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a 3D printer (c) a microphone (d) pencil and paper
24. 24.💾 What number does this code show?
    let score = 9;
    score = score - 4;
    score = score + 3;
    show(score);
25. 25.💾 What number does this code show?
    let score = 7;
    score = score - 3;
    score = score + 5;
    show(score);
26. 26.Which of these is about UX (the experience)? (a) the theme colours (b) the screen layout (c) the button colours (d) how many taps it takes
27. 27.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) goes to the last screen (d) opens settings
28. 28.True or false: the theme colours is about UI (the look). (a) True (b) False
29. 29.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
30. 30.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
31. 31.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Menu → Item → Confirm
    Design B: Home → Search → Shop → Pay → Menu → Pens (a) Design B (b) Design A
32. 32.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) the screen layout (d) how fast a task is done
33. 33.True or false: a wireframe uses the final pictures. (a) False (b) True
34. 34.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
35. 35.True or false: strong colour contrast is poor button design. (a) False (b) True
36. 36.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) a shared chat (d) data saved on the phone
37. 37.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Edit photo”
    3. open “Score card”
    Which screen are you on now? (a) Edit photo (b) Score card (c) Search (d) Home
38. 38.Which of these is about UI (the look)? (a) how fast a task is done (b) the font size (c) whether users get lost (d) how easy sign-up is
39. 39.Which of these is true of a menu button? (a) switches main sections (b) shows 3 to 5 icons (c) goes to the last screen (d) hides extra links
40. 40.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ big picture ]
    [ filter buttons ]
    [ Add button ]

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