App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 595 · 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.True or false: space between buttons is poor button design. (a) True (b) False
2. 2.Which of these is true of a menu button? (a) opens a list of pages (b) shows 3 to 5 icons (c) sits at the bottom (d) undoes one move
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Confirm → Item
   Design B: Home → Offers → Address → Cart → Pay (a) Design B (b) Design A
4. 4.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see if it is right (c) tap “Start quiz” (d) pick an answer
5. 5.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Pens → Address → Offers → Menu → Item
   Design B: Home → Size → Search
7. 7.♿ A screen has 9 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
8. 8.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
9. 9.🔢 In a food-order flow, what comes right after “open the menu”? (a) pick a dish (b) add it to the cart (c) track the order (d) pay for the order
10. 10.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ tab bar ]
    [ Save button ]
    [ big picture ]
    [ filter buttons ]
    [ Add button ] (a) tab bar (b) filter buttons (c) Save button (d) Add button
11. 11.Which of these is true of a final design? (a) shows the real fonts (b) shows where things go (c) is a quick sketch (d) uses plain grey boxes
12. 12.Which of these fits saving in the cloud? (a) chat messages to friends (b) a draft you are typing (c) the sound on/off setting (d) notes to read offline
13. 13.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
14. 14.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
15. 15.🔢 In a sign-up flow, what comes right after “type name and email”? (a) make a password (b) see the home screen (c) enter the code sent (d) open the app
16. 16.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) goes to the last screen (d) closes all apps
17. 17.💾 pop() takes off the last item. What does this code show?
    let friends = ["Arjun", "Riya", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Riya (b) Zoya (c) Arjun
18. 18.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a charging cable (d) a type of password
19. 19.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
20. 20.True or false: buttons almost touching is poor button design. (a) False (b) True
21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ menu icon ]
    [ tab bar ]
    [ top bar ]
    [ search box ] (a) search box (b) top bar (c) Add button (d) tab bar
22. 22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 24 px tall
    Send button: 68 px tall
    Next button: 52 px tall
    Cancel button: 52 px tall (a) Cancel (b) Next (c) Send (d) Help
23. 23.💾 What number does this code show?
    let points = 3;
    points = points - 3;
    points = points + 4;
    show(points);
24. 24.Which of these makes the app harder to use? (a) labels on every icon (b) colour as the only clue (c) strong colour contrast (d) text that can grow
25. 25.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) add it to the cart (b) pick a dish
26. 26.Which colour pair is easy to read? (a) red on green (b) yellow on white (c) white on black (d) light grey on white
27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Map”
    3. tap the Profile tab
    4. open “Edit photo”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
28. 28.Which of these is about UX (the experience)? (a) the theme colours (b) the font size (c) the icon shapes (d) how many taps it takes
29. 29.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Shop → Pens
    Design B: Home → Menu → Shop
30. 30.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    [ Add button ] (a) Add button (b) filter buttons (c) search box
31. 31.💾 What number does this code show?
    let songs = ["Sunrise", "Stars"];
    songs.push("Kites");
    show(songs.length);
32. 32.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a long animation (c) a sound (d) a text label
33. 33.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
34. 34.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a 3D printer (d) a microphone
35. 35.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) only yourself (d) nobody
36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Shop → Confirm
    Design B: Home → Size → Confirm → Pens → Menu → Cart (a) Design B (b) Design A
37. 37.♿ A screen has 7 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
38. 38.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) has the real colours (d) is a quick sketch
39. 39.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 15 px
    Hint: 24 px
    Footer: 19 px
    Body text: 15 px
    Menu: 15 px
40. 40.Which of these is about UX (the experience)? (a) the font size (b) the screen layout (c) how users feel after (d) the icon shapes

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