App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 250 · 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.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Start button: 52 px tall
   Send button: 56 px tall
   Back button: 40 px tall
2. 2.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ tab bar ]
   [ menu icon ]
   [ title text ]
   [ Save button ]
   [ search box ]
   [ list of items ] (a) menu icon (b) tab bar (c) Save button (d) list of items
3. 3.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) black on yellow (d) red on green
4. 4.🖼️ In this wireframe (top to bottom), what is right below the Save button?
   [ title text ]
   [ Save button ]
   [ big picture ]
   [ filter buttons ]
   [ top bar ] (a) big picture (b) filter buttons (c) title text (d) top bar
5. 5.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
6. 6.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
7. 7.Which of these is true of a menu button? (a) hides extra links (b) switches main sections (c) undoes one move (d) sits at the bottom
8. 8.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) read a question (b) pick an answer (c) tap “Start quiz” (d) see the final score
9. 9.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
10. 10.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) big touch targets (d) icons with no labels
11. 11.True or false: buttons almost touching is poor button design. (a) False (b) True
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. tap the Feed tab
    4. open “Edit photo”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
13. 13.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
14. 14.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) nowhere (d) inside a button
15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 32 px tall
    Help button: 36 px tall
    Cancel button: 40 px tall
    Start button: 36 px tall
16. 16.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Aman", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Riya (c) Aman
17. 17.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
18. 18.🔢 In a food-order flow, which comes LAST? (a) track the order (b) add it to the cart (c) pick a dish (d) open the menu
19. 19.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
20. 20.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) never need a password (c) shrink the app (d) skip the internet
21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 44 px tall
    Save button: 48 px tall
    Send button: 60 px tall
    Start button: 52 px tall (a) Back (b) Send (c) Save (d) Start
22. 22.💾 What is a variable? (a) a named box for a value (b) a phone setting (c) a type of screen (d) a picture
23. 23.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) deletes the page (d) closes all apps
24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Map”
    3. tap Back
    4. tap the Chat tab
    Which screen are you on now? (a) Edit photo (b) Map (c) Feed (d) Chat
25. 25.True or false: the icon shapes is about UX (the experience). (a) False (b) True
26. 26.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) white on dark green (d) dark blue on black
27. 27.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) has no real colours (d) uses plain grey boxes
28. 28.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 36 px tall
    Done button: 52 px tall
    Cancel button: 64 px tall
    Send button: 60 px tall
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 52 px tall
    Send button: 64 px tall
    Start button: 36 px tall
31. 31.Which of these helps everyone use the app? (a) colour as the only clue (b) sudden loud sounds (c) icons with no labels (d) strong colour contrast
32. 32.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) pick a dish (b) track the order
33. 33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap the Quiz tab
    3. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
34. 34.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
35. 35.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
36. 36.Which colour pair is easy to read? (a) pale pink on white (b) dark blue on white (c) red on green (d) yellow on white
37. 37.💾 What number does this code show?
    let score = 6;
    score = score - 2;
    score = score + 3;
    show(score);
38. 38.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
39. 39.💾 What number does this code show?
    let songs = ["Monsoon", "Rain"];
    songs.push("Kites");
    songs.push("Sunrise");
    show(songs.length);
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. open “Edit photo”
    4. tap Back
    Which screen are you on now? (a) Search (b) Home (c) Edit photo (d) Help page

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