App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 832 · 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.💾 What does this code show? (Positions start at 0.)
   let friends = ["Arjun", "Zoya", "Kabir", "Meera"];
   show(friends[1]); (a) Kabir (b) Arjun (c) Meera (d) Zoya
2. 2.Which of these is true of a final design? (a) uses the final pictures (b) has no real colours (c) uses plain grey boxes (d) shows where things go
3. 3.🖼️ How many parts (boxes) does this wireframe have?
   [ menu icon ]
   [ title text ]
   [ filter buttons ]
   [ Save button ]
4. 4.True or false: a final design looks like the real app. (a) False (b) True
5. 5.💾 What number does this code show?
   let score = 6;
   score = score - 6;
   score = score + 3;
   show(score);
6. 6.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Back button: 48 px tall
   Done button: 56 px tall
   Cancel button: 52 px tall
   Start button: 32 px tall (a) Back (b) Cancel (c) Start (d) Done
7. 7.True or false: a final design has the real colours. (a) False (b) True
8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Confirm → Cart → Item → Shop → Pay
   Design B: Home → Pay → Menu → Address → Results → Size → Item (a) Design B (b) Design A
9. 9.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Item → Shop → Size → Confirm → Address
    Design B: Home → Offers → Confirm
11. 11.💾 What number does this code show?
    let score = 5;
    score = score - 1;
    score = score + 5;
    show(score);
12. 12.💾 What number does this code show?
    let songs = ["Sunrise", "Rain"];
    songs.push("Ocean");
    show(songs.length);
13. 13.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
14. 14.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 60 px tall
    Send button: 32 px tall
    Start button: 56 px tall
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ search box ]
    [ menu icon ]
    [ filter buttons ]
17. 17.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
18. 18.💾 What number does this code show?
    let friends = ["Arjun", "Zoya"];
    friends.push("Aman");
    friends.push("Kabir");
    show(friends.length);
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Match report”
    3. tap Back
    Which screen are you on now? (a) Feed (b) Settings (c) Chat (d) Match report
20. 20.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
21. 21.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) pay for the order (c) open the menu (d) track the order
22. 22.🔘 Our rule: buttons are at least 48 px tall. The Send button is 36 px tall. How many px taller must it be?
23. 23.🔘 Our rule: buttons are at least 48 px tall. The Start button is 20 px tall. How many px taller must it be?
24. 24.💾 What number does this code show?
    let notes = ["Hindi", "Music", "Art"];
    notes.push("Science");
    show(notes.length);
25. 25.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
26. 26.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) the same screen (d) a dead end
27. 27.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
28. 28.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
29. 29.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ menu icon ]
    [ tab bar ] (a) tab bar (b) list of items (c) top bar (d) menu icon
30. 30.True or false: whether users get lost is about UI (the look). (a) True (b) False
31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ filter buttons ]
    [ title text ]
    [ menu icon ]
    [ search box ]
    [ Save button ] (a) menu icon (b) top bar (c) filter buttons (d) Save button
32. 32.Which of these fits saving in the cloud? (a) notes to read offline (b) a class leaderboard (c) the sound on/off setting (d) a draft you are typing
33. 33.♿ Accessibility means an app works for ___. (a) everyone (b) only the coder (c) only experts (d) nobody
34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Match report”
    3. tap Back
    Which screen are you on now? (a) Score card (b) Quiz (c) Match report (d) Lessons
35. 35.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ tab bar ]
    [ title text ]
    [ search box ]
    [ Save button ] (a) tab bar (b) title text (c) Save button
36. 36.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) delete this (c) a picture goes here (d) an error
37. 37.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
38. 38.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
39. 39.True or false: “big touch targets” makes the app harder to use. (a) True (b) False
40. 40.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Meera", "Kabir", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Meera (b) Zoya (c) Riya (d) Kabir

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