App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 333 · 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.🖼️ How many parts (boxes) does this wireframe have?
   [ Add button ]
   [ Save button ]
   [ top bar ]
   [ filter buttons ]
   [ title text ]
   [ menu icon ]
2. 2.Which of these is about UX (the experience)? (a) the button colours (b) how users feel after (c) the icon shapes (d) the theme colours
3. 3.🔢 In a food-order flow, which comes first: “pay for the order” or “add it to the cart”? (a) add it to the cart (b) pay for the order
4. 4.Which of these is true of a tab bar? (a) undoes one move (b) opens a list of pages (c) hides extra links (d) shows 3 to 5 icons
5. 5.Which of these fits saving in the cloud? (a) your last game level (b) a shared to-do list (c) notes to read offline (d) a draft you are typing
6. 6.🔢 In a photo-post flow, what comes right after “write a caption”? (a) add a filter (b) open the camera screen (c) take the photo (d) post the photo
7. 7.True or false: a wireframe shows the real fonts. (a) False (b) True
8. 8.🖼️ How many parts (boxes) does this wireframe have?
   [ tab bar ]
   [ Add button ]
   [ list of items ]
   [ big picture ]
9. 9.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
10. 10.Which of these is true of a final design? (a) is a quick sketch (b) uses the final pictures (c) has no real colours (d) shows where things go
11. 11.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) reads the screen aloud (d) plays music
12. 12.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Ocean", "Sunrise", "Kites", "Monsoon"];
    show(songs[0]); (a) Kites (b) Stars (c) Sunrise (d) Ocean
13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Cart → Size → Pay
    Design B: Home → Results → Cart → Offers (a) Design B (b) Design A
14. 14.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
15. 15.🔢 In a photo-post flow, which comes first: “post the photo” or “write a caption”? (a) post the photo (b) write a caption
16. 16.Which of these is about UI (the look)? (a) how easy sign-up is (b) how users feel after (c) the icon shapes (d) whether users get lost
17. 17.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) a class leaderboard (d) the sound on/off setting
18. 18.Which colour pair is hard to read? (a) black on pale grey (b) pale pink on white (c) dark blue on white (d) black on yellow
19. 19.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the screen layout (d) how many taps it takes
20. 20.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ top bar ]
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ title text ] (a) Save button (b) title text (c) top bar (d) search box
21. 21.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
22. 22.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) the path through screens (d) a type of font
23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Settings tab
    3. open “Help page”
    Which screen are you on now? (a) Help page (b) Chat (c) Feed (d) Settings
24. 24.🔍 Which is the odd one out? (a) fast-flashing lights (b) colour as the only clue (c) sudden loud sounds (d) text that can grow
25. 25.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
26. 26.True or false: a final design shows where things go. (a) False (b) True
27. 27.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ list of items ]
    [ title text ]
    [ top bar ]
    [ big picture ]
    [ menu icon ] (a) big picture (b) top bar (c) list of items (d) menu icon
28. 28.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
29. 29.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) track the order (c) open the menu (d) pick a dish
30. 30.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
    [ tab bar ]
    [ filter buttons ] (a) top bar (b) filter buttons (c) tab bar (d) menu icon
31. 31.💾 What number does this code show?
    let stars = 7;
    stars = stars - 5;
    stars = stars + 2;
    show(stars);
32. 32.True or false: strong colour contrast is good button design. (a) False (b) True
33. 33.♿ A screen has 10 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
34. 34.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
35. 35.Which colour pair is easy to read? (a) black on yellow (b) yellow on white (c) red on green (d) light grey on white
36. 36.🎨 UI stands for user ___. (a) input (b) interface (c) internet (d) idea
37. 37.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) see the final score (b) read a question
38. 38.True or false: a clear word like Save is poor button design. (a) False (b) True
39. 39.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
40. 40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ menu icon ]
    [ big picture ]
    [ list of items ] (a) search box (b) list of items (c) big picture (d) menu icon

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