App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 706 · 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.💾 pop() takes off the last item. What does this code show?
   let songs = ["Monsoon", "Sunrise", "Rain"];
   songs.pop();
   show(songs[songs.length - 1]); (a) Monsoon (b) Rain (c) Sunrise
2. 2.True or false: a wireframe is a quick sketch. (a) False (b) True
3. 3.True or false: a final design uses plain grey boxes. (a) False (b) True
4. 4.Which of these helps everyone use the app? (a) sudden loud sounds (b) icons with no labels (c) tiny tap areas (d) labels on every icon
5. 5.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) open the menu (c) pay for the order (d) pick a dish
6. 6.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) the button colours (d) whether users get lost
7. 7.🔍 Which is the odd one out? (a) the icon shapes (b) the font size (c) the button colours (d) whether users get lost
8. 8.True or false: a big, easy tap area is good button design. (a) True (b) False
9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Results → Pay → Menu
   Design B: Home → Search → Confirm → Menu → Cart → Item → Shop
10. 10.Which of these is true of the back button? (a) shows 3 to 5 icons (b) opens a list of pages (c) goes to the last screen (d) sits at the bottom
11. 11.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ menu icon ]
    [ Add button ]
    [ Save button ]
    [ big picture ]
13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. open “Friend list”
    4. open “Help page”
    Which screen are you on now? (a) Chat (b) Friend list (c) Feed (d) Help page
14. 14.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
15. 15.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
16. 16.Which of these helps everyone use the app? (a) strong colour contrast (b) colour as the only clue (c) icons with no labels (d) sudden loud sounds
17. 17.🔢 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
18. 18.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) post the photo (d) write a caption
19. 19.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
20. 20.Which of these is true of a wireframe? (a) uses plain grey boxes (b) shows the real fonts (c) uses the final pictures (d) has the real colours
21. 21.Which of these helps everyone use the app? (a) colour as the only clue (b) icons with no labels (c) big touch targets (d) tiny tap areas
22. 22.♿ A screen has 8 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
23. 23.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
24. 24.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 48 px tall
    Start button: 60 px tall
    Back button: 68 px tall
    Done button: 44 px tall (a) Start (b) Back (c) Done (d) Help
26. 26.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
27. 27.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) make a password (b) type name and email
28. 28.True or false: your last game level fits saving on the phone. (a) False (b) True
29. 29.Which colour pair is easy to read? (a) dark blue on white (b) light grey on white (c) pale pink on white (d) red on green
30. 30.💾 What number does this code show?
    let coins = 3;
    coins = coins - 1;
    coins = coins + 4;
    show(coins);
31. 31.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
32. 32.🔢 In a food-order flow, what comes right after “open the menu”? (a) pick a dish (b) add it to the cart (c) pay for the order (d) check the cart
33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Cart → Address → Confirm
    Design B: Home → Cart → Menu
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 68 px tall
    Done button: 64 px tall
    Back button: 60 px tall
    Save button: 28 px tall (a) Done (b) Back (c) Start (d) Save
35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Menu
    Design B: Home → Results → Item → Menu
36. 36.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
37. 37.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) photos on two devices (d) notes to read offline
38. 38.💾 What number does this code show?
    let songs = ["Ocean", "Rain", "Kites", "Sunrise"];
    songs.push("Monsoon");
    songs.push("Stars");
    show(songs.length);
39. 39.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
40. 40.🔘 Our rule: buttons are at least 48 px tall. The Start button is 24 px tall. How many px taller must it be?

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