App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 76 · 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.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
2. 2.💾 What does this code show? (Positions start at 0.)
   let notes = ["Science", "Maths", "Music", "Sports", "Art"];
   show(notes[2]); (a) Maths (b) Science (c) Sports (d) Music
3. 3.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 10 (c) 2 (d) 1
4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Score card”
   2. open “Help page”
   3. tap Back
   Which screen are you on now? (a) Help page (b) Feed (c) Score card (d) Chat
5. 5.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. tap the Settings tab
   3. open “Map”
   4. tap the Settings tab
   How many times must you tap Back to reach the main screen of this tab?
7. 7.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 19 px
   Title: 25 px
   Hint: 23 px
   Label: 12 px
   Footer: 19 px (a) Title (b) Body text (c) Label (d) Hint
8. 8.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) shows the real fonts (d) uses plain grey boxes
9. 9.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Size → Cart → Pens → Confirm → Shop → Results
   Design B: Home → Pay → Offers (a) Design A (b) Design B
10. 10.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ search box ]
    [ menu icon ] (a) search box (b) menu icon (c) big picture (d) top bar
11. 11.🎨 UI stands for user ___. (a) input (b) internet (c) interface (d) idea
12. 12.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Item → Offers → Pay
    Design B: Home → Address → Results
14. 14.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
15. 15.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections
16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Video”
    4. open “Map”
    Which screen are you on now? (a) Chat (b) Feed (c) Video (d) Map
17. 17.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) the screen layout (d) the theme colours
18. 18.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
19. 19.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) goes to the last screen (d) undoes one move
20. 20.True or false: a clear word like Save is poor button design. (a) True (b) False
21. 21.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) make a password (c) enter the code sent (d) tap “Sign up”
22. 22.True or false: a final design shows where things go. (a) True (b) False
23. 23.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
24. 24.Which of these makes the app harder to use? (a) text that can grow (b) sudden loud sounds (c) big touch targets (d) labels on every icon
25. 25.🔍 Which is the odd one out? (a) the theme colours (b) the icon shapes (c) the font size (d) how fast a task is done
26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Menu → Shop
    Design B: Home → Cart → Offers (a) Design A (b) Design B
27. 27.True or false: “text that can grow” helps everyone use the app. (a) True (b) False
28. 28.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see the final score (d) see if it is right
29. 29.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
30. 30.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
31. 31.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) perfect UX (d) good UI but poor UX
32. 32.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Help page”
    3. tap the Home tab
    4. tap the Home tab
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
33. 33.Which of these makes the app harder to use? (a) text that can grow (b) labels on every icon (c) fast-flashing lights (d) strong colour contrast
34. 34.True or false: a clear word like Save is good button design. (a) True (b) False
35. 35.Which of these is about UX (the experience)? (a) the font size (b) the screen layout (c) the theme colours (d) how fast a task is done
36. 36.💾 What number does this code show?
    let songs = ["Sunrise", "Monsoon"];
    songs.push("Kites");
    show(songs.length);
37. 37.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Address → Cart → Size → Results
    Design B: Home → Offers → Cart → Pay → Menu → Item → Address (a) Design B (b) Design A
38. 38.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) track the order (c) pay for the order (d) open the menu
39. 39.🔍 Which is the odd one out? (a) tiny tap areas (b) icons with no labels (c) strong colour contrast (d) fast-flashing lights
40. 40.True or false: “big touch targets” helps everyone use the app. (a) False (b) True

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