App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 793 · 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.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) take the photo (c) post the photo (d) open the camera screen
2. 2.True or false: the button colours is about UI (the look). (a) False (b) True
3. 3.Which of these is about UX (the experience)? (a) the button colours (b) the icon shapes (c) the font size (d) how easy sign-up is
4. 4.🔢 In a food-order flow, which comes first: “open the menu” or “check the cart”? (a) open the menu (b) check the cart
5. 5.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) open the app (c) enter the code sent (d) see the home screen
6. 6.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 10 (d) 1
7. 7.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) a menu button (c) the back button
8. 8.🖼️ In this wireframe (top to bottom), what is right above the title text?
   [ Save button ]
   [ title text ]
   [ tab bar ]
   [ filter buttons ]
   [ big picture ]
   [ list of items ] (a) filter buttons (b) list of items (c) big picture (d) Save button
9. 9.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
10. 10.True or false: a final design is a quick sketch. (a) True (b) False
11. 11.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) white on black (d) red on green
12. 12.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) see if it is right (c) read a question (d) see the final score
13. 13.Which of these is true of a menu button? (a) undoes one move (b) opens a list of pages (c) switches main sections (d) sits at the bottom
14. 14.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
15. 15.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) make a password (c) type name and email (d) enter the code sent
16. 16.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ top bar ]
    [ Save button ]
    [ title text ]
    [ big picture ]
    [ filter buttons ] (a) top bar (b) filter buttons (c) Save button (d) big picture
17. 17.🔍 Which is the odd one out? (a) how easy sign-up is (b) whether users get lost (c) how users feel after (d) the button colours
18. 18.💾 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
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. tap the Me tab
    Which screen are you on now? (a) Me (b) Lessons (c) Quiz (d) Score card
20. 20.Which colour pair is hard to read? (a) black on pale grey (b) black on yellow (c) dark blue on black (d) dark blue on white
21. 21.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
22. 22.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) more colours (c) worse UX (d) a bigger app
23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 17 px
    Title: 19 px
    Hint: 13 px
    Footer: 20 px
    Label: 23 px
24. 24.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) open the camera screen (c) take the photo (d) post the photo
25. 25.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
26. 26.True or false: space between buttons is good button design. (a) False (b) True
27. 27.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 28 px tall
    Back button: 64 px tall
    Start button: 48 px tall (a) Back (b) Save (c) Start
29. 29.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
30. 30.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
31. 31.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) a random page (c) the last app used (d) that tab’s main screen
32. 32.♿ Accessibility means an app works for ___. (a) only experts (b) nobody (c) everyone (d) only the coder
33. 33.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) shows the real fonts (d) uses plain grey boxes
34. 34.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) a closed app (d) delete this
35. 35.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 10 to 12 (c) 20 (d) 1
36. 36.💾 Which works with no internet at all? (a) a shared chat (b) data saved on the phone (c) a cloud leaderboard (d) a cloud backup
37. 37.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
38. 38.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) pick a dish (c) open the menu (d) pay for the order
39. 39.🔍 Which is the odd one out? (a) the icon shapes (b) the screen layout (c) the button colours (d) whether users get lost
40. 40.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) open the camera screen (c) add a filter (d) write a caption

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