App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 591 · 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 “Edit photo”
   2. tap Back
   3. open “Score card”
   Which screen are you on now? (a) Score card (b) Edit photo (c) Feed (d) Chat
2. 2.Which colour pair is easy to read? (a) white on black (b) pale pink on white (c) light grey on white (d) yellow on white
3. 3.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
4. 4.Which of these fits saving on the phone? (a) a class leaderboard (b) the sound on/off setting (c) chat messages to friends (d) a shared to-do list
5. 5.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) post the photo (d) add a filter
6. 6.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) a class leaderboard (d) the sound on/off setting
7. 7.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) enter the code sent (c) type name and email (d) see the home screen
8. 8.Which of these makes the app harder to use? (a) text that can grow (b) big touch targets (c) tiny tap areas (d) strong colour contrast
9. 9.♿ A screen has 7 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
10. 10.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) post the photo (c) take the photo (d) add a filter
11. 11.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
12. 12.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
13. 13.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
14. 14.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) pick a dish (c) add it to the cart (d) check the cart
15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ search box ]
    [ tab bar ]
    [ list of items ]
16. 16.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pay for the order (b) track the order (c) check the cart (d) pick a dish
17. 17.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Pay → Confirm → Address
    Design B: Home → Shop → Pay
19. 19.Which of these is about UI (the look)? (a) how users feel after (b) whether users get lost (c) the font size (d) how fast a task is done
20. 20.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
21. 21.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) a shared to-do list (d) a draft you are typing
22. 22.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) tap “Sign up” (c) type name and email (d) see the home screen
23. 23.True or false: a tiny 20 px button is good button design. (a) False (b) True
24. 24.💾 pop() takes off the last item. What does this code show?
    let notes = ["Sports", "Art", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Music (b) Sports (c) Art
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Pay → Results
    Design B: Home → Results → Shop
26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 64 px tall
    Help button: 52 px tall
    Done button: 36 px tall
27. 27.💾 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
28. 28.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ big picture ]
    [ menu icon ]
    [ Save button ]
    [ Add button ]
29. 29.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) perfect UX (c) good UI but poor UX (d) good UX but poor UI
30. 30.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 48 px tall
    Next button: 52 px tall
    Start button: 44 px tall
    Back button: 48 px tall (a) Next (b) Start (c) Back (d) Cancel
31. 31.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) shortcut (d) home screen
32. 32.Which of these helps everyone use the app? (a) colour as the only clue (b) big touch targets (c) tiny tap areas (d) icons with no labels
33. 33.💾 What number does this code show?
    let notes = ["Music", "Art", "Sports", "Hindi"];
    notes.push("Maths");
    notes.push("Science");
    show(notes.length);
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Cancel button: 52 px tall
    Start button: 24 px tall
    Back button: 60 px tall (a) Start (b) Send (c) Back (d) Cancel
35. 35.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) goes to the last screen (d) deletes the page
36. 36.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
37. 37.🎨 UX stands for user ___. (a) example (b) express (c) experience (d) extra
38. 38.True or false: a final design has no real colours. (a) True (b) False
39. 39.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 12 px
    Label: 20 px
    Footer: 21 px
    Caption: 21 px

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