App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 161 · 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.🖼️ How many parts (boxes) does this wireframe have?
   [ menu icon ]
   [ Add button ]
   [ top bar ]
   [ title text ]
   [ Save button ]
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ filter buttons ]
   [ big picture ]
   [ top bar ]
   [ list of items ]
   [ search box ] (a) list of items (b) search box (c) big picture (d) top bar
3. 3.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
4. 4.Which of these is true of a final design? (a) looks like the real app (b) is a quick sketch (c) uses plain grey boxes (d) shows where things go
5. 5.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
6. 6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Video”
   2. open “Edit photo”
   3. open “Friend list”
   Which screen are you on now? (a) Lessons (b) Video (c) Edit photo (d) Friend list
7. 7.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pay for the order (b) check the cart (c) open the menu (d) pick a dish
8. 8.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
9. 9.Which of these fits saving in the cloud? (a) photos on two devices (b) notes to read offline (c) a draft you are typing (d) your last game level
10. 10.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ search box ]
    [ Add button ]
    [ list of items ] (a) search box (b) menu icon (c) list of items (d) Add button
11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 10 px
    Caption: 11 px
    Title: 24 px
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Pens
    Design B: Home → Pens → Shop → Results
13. 13.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
14. 14.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ search box ]
    [ list of items ]
    [ filter buttons ]
    [ menu icon ] (a) search box (b) menu icon (c) filter buttons
15. 15.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings
16. 16.Which colour pair is hard to read? (a) black on pale grey (b) white on black (c) black on yellow (d) dark blue on black
17. 17.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 20 px
    Footer: 11 px
    Menu: 12 px
18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 64 px tall
    Cancel button: 28 px tall
    Next button: 52 px tall (a) Done (b) Next (c) Cancel
19. 19.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the theme colours (d) whether users get lost
20. 20.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) enter the code sent (b) make a password (c) type name and email (d) see the home screen
21. 21.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
22. 22.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
23. 23.Which of these is about UX (the experience)? (a) the theme colours (b) the icon shapes (c) the font size (d) how fast a task is done
24. 24.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) that tab’s main screen (d) a random page
25. 25.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
26. 26.🔢 In a photo-post flow, what comes right after “write a caption”? (a) add a filter (b) open the camera screen (c) post the photo (d) take the photo
27. 27.Which of these helps everyone use the app? (a) colour as the only clue (b) strong colour contrast (c) tiny tap areas (d) sudden loud sounds
28. 28.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) open the camera screen (b) write a caption
29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. tap the Settings tab
    Which screen are you on now? (a) Feed (b) Chat (c) Settings (d) Match report
30. 30.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
32. 32.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ search box ]
    [ title text ]
33. 33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. open “Map”
    3. open “Video”
    4. tap Back
    5. tap Back
    Which screen are you on now? (a) Map (b) Video (c) Lessons (d) Quiz
34. 34.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
35. 35.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
36. 36.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ list of items ]
    [ search box ]
    [ title text ] (a) list of items (b) Save button (c) search box (d) title text
37. 37.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
38. 38.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a menu button (c) a tab bar
39. 39.True or false: the button colours is about UX (the experience). (a) True (b) False
40. 40.True or false: how many taps it takes is about UI (the look). (a) False (b) True

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