App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 518 · 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.🔍 Which is the odd one out? (a) the font size (b) how many taps it takes (c) the theme colours (d) the icon shapes
2. 2.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) type name and email (c) see the home screen (d) open the app
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pay → Confirm → Pens
   Design B: Home → Search → Confirm → Results → Size (a) Design A (b) Design B
4. 4.True or false: a wireframe uses the final pictures. (a) True (b) False
5. 5.🖼️ In this wireframe (top to bottom), what is right above the big picture?
   [ search box ]
   [ Add button ]
   [ menu icon ]
   [ title text ]
   [ big picture ]
   [ Save button ] (a) menu icon (b) search box (c) title text (d) Add button
6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Add button ]
   [ menu icon ]
   [ top bar ]
   [ search box ]
   [ filter buttons ] (a) menu icon (b) filter buttons (c) Add button (d) search box
7. 7.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
8. 8.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see if it is right (c) see the final score (d) read a question
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Menu: 15 px
   Title: 23 px
   Label: 24 px
   Caption: 10 px
   Hint: 16 px
10. 10.Which of these is true of a menu button? (a) opens a list of pages (b) sits at the bottom (c) switches main sections (d) goes to the last screen
11. 11.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
12. 12.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) better UX (c) a bigger app (d) worse UX
13. 13.🔢 In a food-order flow, what comes right after “check the cart”? (a) add it to the cart (b) open the menu (c) pay for the order (d) pick a dish
14. 14.🔢 In a quiz-app flow, which comes first: “read a question” or “see if it is right”? (a) read a question (b) see if it is right
15. 15.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
16. 16.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
17. 17.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) only the coder (d) nobody
18. 18.True or false: a final design shows the real fonts. (a) True (b) False
19. 19.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ Save button ]
    [ filter buttons ]
    [ menu icon ]
    [ Add button ]
    [ list of items ] (a) menu icon (b) list of items (c) Add button (d) filter buttons
20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Quiz tab
    3. tap the Quiz tab
    4. open “Video”
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
21. 21.Which of these is about UI (the look)? (a) how fast a task is done (b) how easy sign-up is (c) how many taps it takes (d) the button colours
22. 22.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) how easy sign-up is (d) the icon shapes
23. 23.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) open the camera screen (b) write a caption
24. 24.Which of these is true of the back button? (a) opens a list of pages (b) hides extra links (c) goes to the last screen (d) switches main sections
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 28 px
    Title: 18 px
    Hint: 28 px
    Footer: 12 px
    Caption: 22 px (a) Menu (b) Hint (c) Footer (d) Title
26. 26.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
27. 27.💾 What does this code show? (Positions start at 0.)
    let songs = ["Kites", "Ocean", "Rain"];
    show(songs[1]); (a) Ocean (b) Kites (c) Rain
28. 28.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
29. 29.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the last app used (c) the phone settings (d) a random page
30. 30.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) shortcut (c) dead end (d) tab bar
31. 31.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
32. 32.💾 What is a variable? (a) a picture (b) a named box for a value (c) a type of screen (d) a phone setting
33. 33.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) post the photo (b) write a caption
34. 34.True or false: the font size is about UI (the look). (a) True (b) False
35. 35.True or false: grey text on grey is poor button design. (a) True (b) False
36. 36.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ list of items ]
    [ Save button ]
    [ tab bar ]
    [ title text ] (a) list of items (b) title text (c) Save button
37. 37.🔢 In a food-order flow, which comes first: “pay for the order” or “open the menu”? (a) open the menu (b) pay for the order
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Cart → Search → Item → Address
    Design B: Home → Pay → Confirm → Results
39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Results → Address → Pay → Menu → Pens
    Design B: Home → Confirm → Size → Results → Pay → Shop
40. 40.Which of these is true of a menu button? (a) goes to the last screen (b) hides extra links (c) shows 3 to 5 icons (d) switches main sections

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