App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 780 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Address → Offers → Menu
   Design B: Home → Menu → Confirm → Pay → Item (a) Design B (b) Design A
2. 2.Which colour pair is easy to read? (a) white on black (b) pale pink on white (c) red on green (d) dark blue on black
3. 3.♿ A screen has 12 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
4. 4.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
5. 5.True or false: a final design has the real colours. (a) True (b) False
6. 6.True or false: the sound on/off setting fits saving in the cloud. (a) False (b) True
7. 7.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Me tab
   2. open “Friend list”
   3. open “Edit photo”
   4. tap Back
   5. tap the Quiz tab
   Which screen are you on now? (a) Lessons (b) Friend list (c) Quiz (d) Edit photo
9. 9.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) home screen (d) dead end
10. 10.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
11. 11.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
12. 12.♿ A screen has 8 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Pens
    Design B: Home → Offers → Menu → Cart → Pens → Confirm
14. 14.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Kabir", "Aman", "Arjun"];
    show(friends[0]); (a) Aman (b) Riya (c) Arjun (d) Kabir
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Confirm
    Design B: Home → Menu → Shop → Pay → Search → Address → Item
16. 16.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
17. 17.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it runs the app (c) it saves data (d) it adds colours
18. 18.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
19. 19.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) goes to the last screen (d) closes all apps
20. 20.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) open the app (c) make a password (d) see the home screen
21. 21.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ search box ]
    [ big picture ]
    [ Add button ]
    [ title text ]
    [ tab bar ]
    [ top bar ] (a) search box (b) tab bar (c) title text (d) top bar
22. 22.Which of these is about UI (the look)? (a) how users feel after (b) whether users get lost (c) how many taps it takes (d) the button colours
23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ top bar ]
    [ tab bar ]
    [ Save button ] (a) Save button (b) tab bar (c) top bar (d) Add button
24. 24.Which of these is true of a final design? (a) has the real colours (b) has no real colours (c) uses plain grey boxes (d) is a quick sketch
25. 25.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 19 px
    Footer: 19 px
    Title: 20 px
    Label: 20 px
    Menu: 10 px
26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 10 px
    Hint: 15 px
    Body text: 10 px
    Label: 10 px
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Match report”
    3. tap Back
    4. open “Edit photo”
    5. open “Video”
    Which screen are you on now? (a) Feed (b) Match report (c) Video (d) Edit photo
28. 28.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
29. 29.True or false: space between buttons is good button design. (a) True (b) False
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Item
    Design B: Home → Pay → Search → Item → Pens (a) Design A (b) Design B
31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Friend list”
    3. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
32. 32.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
33. 33.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
34. 34.🧭 Which part of navigation undoes one move? (a) the back button (b) a menu button (c) a tab bar
35. 35.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the app is closed (d) the phone is lost
36. 36.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
37. 37.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
38. 38.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ big picture ]
    [ top bar ]
    [ Add button ]
40. 40.True or false: buttons almost touching is good button design. (a) True (b) False

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