App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 765 · 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 of these is true of a wireframe? (a) looks like the real app (b) has no real colours (c) has the real colours (d) uses the final pictures
2. 2.🔍 Which is the odd one out? (a) how many taps it takes (b) how users feel after (c) how fast a task is done (d) the button colours
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ filter buttons ]
   [ top bar ]
   [ title text ]
   [ list of items ] (a) top bar (b) list of items (c) title text (d) filter buttons
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Lessons tab
   2. open “Video”
   3. tap Back
   4. open “Help page”
   5. tap Back
   How many times must you tap Back to reach the main screen of this tab?
5. 5.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) tab bar (d) shortcut
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Menu → Shop → Confirm → Pens
   Design B: Home → Cart → Address
7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Save button: 44 px tall
   Back button: 64 px tall
   Start button: 40 px tall
8. 8.Which of these is about UI (the look)? (a) whether users get lost (b) the icon shapes (c) how users feel after (d) how many taps it takes
9. 9.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
10. 10.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) add a filter (c) open the camera screen (d) post the photo
11. 11.Which colour pair is easy to read? (a) black on pale grey (b) pale pink on white (c) light grey on white (d) dark blue on black
12. 12.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) enter the code sent (c) type name and email (d) open the app
13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 16 px
    Body text: 26 px
    Hint: 13 px (a) Hint (b) Body text (c) Title
14. 14.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
15. 15.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) a draft you are typing (d) chat messages to friends
16. 16.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
17. 17.True or false: how users feel after is about UI (the look). (a) True (b) False
18. 18.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ tab bar ]
    [ Add button ]
    [ search box ]
    [ list of items ]
    [ filter buttons ]
19. 19.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) the finished app (d) a type of password
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ Save button ] (a) big picture (b) Save button (c) menu icon (d) filter buttons
21. 21.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ Save button ]
    [ list of items ]
    [ title text ]
    [ filter buttons ]
    [ search box ] (a) filter buttons (b) list of items (c) big picture (d) title text
22. 22.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a picture goes here (c) a closed app (d) an error
23. 23.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
24. 24.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
25. 25.💾 What number does this code show?
    let points = 6;
    points = points - 4;
    points = points + 5;
    show(points);
26. 26.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
27. 27.True or false: the button colours is about UI (the look). (a) False (b) True
28. 28.Which colour pair is easy to read? (a) yellow on white (b) white on black (c) dark blue on black (d) pale pink on white
29. 29.Which of these is about UI (the look)? (a) the theme colours (b) whether users get lost (c) how easy sign-up is (d) how fast a task is done
30. 30.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the screen turns off (c) the app is closed (d) the phone is lost
31. 31.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a clear next step (d) a dead end
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 56 px tall
    Save button: 48 px tall
    Back button: 60 px tall
    Send button: 32 px tall
33. 33.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) see the final score (d) read a question
34. 34.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
35. 35.True or false: your last game level fits saving in the cloud. (a) True (b) False
36. 36.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) post the photo (b) write a caption (c) add a filter (d) take the photo
37. 37.True or false: the font size is about UI (the look). (a) False (b) True
38. 38.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Settings tab
    3. open “Map”
    4. open “Badges”
    Which screen are you on now? (a) Map (b) Edit photo (c) Feed (d) Badges
39. 39.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
40. 40.Which of these is about UX (the experience)? (a) the screen layout (b) whether users get lost (c) the font size (d) the theme colours

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