App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 768 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Help page”
   2. tap Back
   3. open “Help page”
   4. open “Score card”
   Which screen are you on now? (a) Chat (b) Score card (c) Feed (d) Help page
2. 2.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) add it to the cart (b) track the order
3. 3.True or false: a final design looks like the real app. (a) False (b) True
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Match report”
   2. tap the Me tab
   3. tap the Me tab
   How many times must you tap Back to reach the main screen of this tab?
5. 5.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Edit photo”
   2. open “Map”
   3. tap the Search tab
   How many times must you tap Back to reach the main screen of this tab?
7. 7.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
8. 8.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
   [ big picture ]
   [ menu icon ]
   [ title text ]
   [ search box ]
   [ filter buttons ] (a) title text (b) filter buttons (c) big picture (d) search box
9. 9.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
10. 10.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
11. 11.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) pick a dish (b) open the menu
12. 12.Which of these is true of a wireframe? (a) shows where things go (b) uses the final pictures (c) has the real colours (d) looks like the real app
13. 13.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) the same screen (c) a dead end (d) a random page
14. 14.🎨 UX stands for user ___. (a) experience (b) extra (c) express (d) example
15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pay → Item → Results → Shop → Pens
    Design B: Home → Confirm → Address → Pay (a) Design A (b) Design B
16. 16.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
17. 17.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
18. 18.True or false: a wireframe has no real colours. (a) False (b) True
19. 19.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) changes are quick (d) it runs the app
20. 20.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) a shared to-do list (d) notes to read offline
21. 21.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 52 px tall
    Done button: 24 px tall
    Back button: 64 px tall
    Send button: 48 px tall (a) Send (b) Start (c) Back (d) Done
23. 23.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) tap “Start quiz” (b) read a question
24. 24.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) plays music (d) makes text tiny
25. 25.🎨 UI stands for user ___. (a) input (b) idea (c) internet (d) interface
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 23 px
    Caption: 26 px
    Body text: 12 px
    Title: 20 px (a) Hint (b) Body text (c) Caption (d) Title
27. 27.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ list of items ]
    [ search box ]
    [ Add button ]
    [ big picture ]
    [ Save button ] (a) big picture (b) list of items (c) search box (d) Save button
28. 28.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) see the final score (b) read a question (c) tap “Start quiz” (d) pick an answer
29. 29.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
30. 30.Which of these is true of a menu button? (a) sits at the bottom (b) opens a list of pages (c) shows 3 to 5 icons (d) goes to the last screen
31. 31.True or false: a wireframe is a quick sketch. (a) True (b) False
32. 32.🔍 Which is the odd one out? (a) text that can grow (b) labels on every icon (c) big touch targets (d) colour as the only clue
33. 33.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
34. 34.🔍 Which is the odd one out? (a) sudden loud sounds (b) strong colour contrast (c) fast-flashing lights (d) colour as the only clue
35. 35.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) track the order (d) check the cart
36. 36.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a charging cable (d) a type of font
37. 37.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Cart
    Design B: Home → Results → Pay → Address
39. 39.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
40. 40.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) the finished app (d) a type of password

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