App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 562 · 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.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) worse UX (d) more colours
2. 2.🔍 Which is the odd one out? (a) the screen layout (b) how many taps it takes (c) the theme colours (d) the icon shapes
3. 3.Which of these is true of the back button? (a) opens a list of pages (b) goes to the last screen (c) switches main sections (d) sits at the bottom
4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Item → Results → Pay → Shop
   Design B: Home → Cart → Size → Menu → Pay → Item (a) Design B (b) Design A
5. 5.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
   [ Save button ]
   [ menu icon ]
   [ tab bar ]
   [ big picture ] (a) big picture (b) menu icon (c) Save button
6. 6.🖼️ How many parts (boxes) does this wireframe have?
   [ list of items ]
   [ tab bar ]
   [ top bar ]
   [ Save button ]
   [ search box ]
7. 7.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
8. 8.True or false: space between buttons is poor button design. (a) True (b) False
9. 9.Which of these is true of a tab bar? (a) switches main sections (b) undoes one move (c) hides extra links (d) opens a list of pages
10. 10.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) hides extra links
11. 11.🔢 In a photo-post flow, what comes right after “take the photo”? (a) add a filter (b) write a caption (c) open the camera screen (d) post the photo
12. 12.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 3 to 5 (d) 10 to 12
13. 13.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) goes to the last screen (d) closes all apps
14. 14.Which of these is true of a menu button? (a) undoes one move (b) sits at the bottom (c) switches main sections (d) hides extra links
15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 12 px
    Menu: 24 px
    Title: 17 px (a) Menu (b) Title (c) Hint
16. 16.True or false: grey text on grey is good button design. (a) False (b) True
17. 17.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the icon shapes (d) the button colours
18. 18.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
19. 19.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see if it is right (c) pick an answer (d) tap “Start quiz”
20. 20.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
21. 21.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
22. 22.💾 pop() takes off the last item. What does this code show?
    let friends = ["Arjun", "Aman", "Meera", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Riya (b) Aman (c) Meera (d) Arjun
23. 23.🔢 In a food-order flow, which comes first: “pick a dish” or “check the cart”? (a) check the cart (b) pick a dish
24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 19 px
    Footer: 14 px
    Body text: 17 px
    Label: 24 px (a) Hint (b) Footer (c) Body text (d) Label
25. 25.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ big picture ]
    [ Add button ]
    [ title text ]
    [ filter buttons ]
    [ menu icon ]
26. 26.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) track the order (d) check the cart
27. 27.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ Save button ]
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ title text ] (a) Save button (b) search box (c) top bar (d) list of items
28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 68 px tall
    Save button: 36 px tall
    Back button: 72 px tall
    Done button: 68 px tall (a) Back (b) Save (c) Next (d) Done
29. 29.True or false: a final design shows where things go. (a) False (b) True
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 48 px tall
    Help button: 52 px tall
    Done button: 40 px tall
    Save button: 48 px tall
31. 31.True or false: the button colours is about UI (the look). (a) True (b) False
32. 32.🔘 Our rule: buttons are at least 48 px tall. The Help button is 40 px tall. How many px taller must it be?
33. 33.True or false: how many taps it takes is about UI (the look). (a) True (b) False
34. 34.True or false: notes to read offline fits saving on the phone. (a) False (b) True
35. 35.Which of these is about UI (the look)? (a) the font size (b) how easy sign-up is (c) how users feel after (d) how fast a task is done
36. 36.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) to add more taps (d) so each step is clear
37. 37.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
38. 38.🔍 Which is the odd one out? (a) tiny tap areas (b) icons with no labels (c) captions on videos (d) fast-flashing lights
39. 39.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ menu icon ]
    [ big picture ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ title text ] (a) menu icon (b) tab bar (c) filter buttons (d) Add button
40. 40.♿ A screen has 8 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?

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