App Dev Worksheet: Part 2 Test
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.
NameDateTime takenScore ___ / 40
- 1.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
-
2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Send button: 64 px tall
Help button: 36 px tall
Next button: 60 px tall
Save button: 36 px tall - 3.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) a shared chat (d) data saved on the phone
- 4.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
- 5.Which colour pair is easy to read? (a) white on dark green (b) pale pink on white (c) light grey on white (d) red on green
- 6.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
- 7.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
-
8.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Menu: 23 px
Body text: 18 px
Footer: 15 px
Label: 22 px
Hint: 21 px - 9.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
- 10.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) enter the code sent (c) see the home screen (d) type name and email
- 11.💾 What is a variable? (a) a phone setting (b) a type of screen (c) a named box for a value (d) a picture
- 12.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
- 13.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see the final score (d) see if it is right
-
14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Item → Pens → Results → Offers
Design B: Home → Pens → Address → Menu → Cart → Offers - 15.Which of these is true of the back button? (a) hides extra links (b) switches main sections (c) opens a list of pages (d) goes to the last screen
-
16.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Search → Item → Confirm
Design B: Home → Shop → Confirm -
17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 48 px tall
Next button: 32 px tall
Cancel button: 48 px tall (a) Next (b) Cancel (c) Save - 18.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 19.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
- 20.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) open the app (c) type name and email (d) see the home screen
- 21.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) write a caption (c) post the photo (d) add a filter
- 22.Which of these makes the app harder to use? (a) text that can grow (b) captions on videos (c) tiny tap areas (d) labels on every icon
- 23.🔢 In a sign-up flow, which comes first: “enter the code sent” or “tap “Sign up””? (a) enter the code sent (b) tap “Sign up”
- 24.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
- 25.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) so each step is clear (d) to hide the buttons
- 26.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) pencil and paper (c) a 3D printer (d) a phone case
- 27.True or false: a final design has the real colours. (a) False (b) True
-
28.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Confirm → Item → Address → Cart
Design B: Home → Menu → Pens → Address -
29.💾 What number does this code show?
let stars = 5;
stars = stars - 1;
stars = stars + 1;
show(stars); - 30.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
- 31.Which of these is true of a tab bar? (a) hides extra links (b) opens a list of pages (c) undoes one move (d) sits at the bottom
-
32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Save button: 64 px tall
Help button: 32 px tall
Back button: 40 px tall
Cancel button: 52 px tall -
33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Cart → Address → Size → Item → Offers → Menu
Design B: Home → Menu → Offers → Search → Shop - 34.🔢 In a food-order flow, which comes first: “check the cart” or “open the menu”? (a) open the menu (b) check the cart
-
35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Menu → Confirm
Design B: Home → Offers → Shop → Cart → Item - 36.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) open the camera screen (b) post the photo
- 37.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
- 38.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
- 39.Which of these fits saving on the phone? (a) a draft you are typing (b) a class leaderboard (c) a shared to-do list (d) photos on two devices
-
40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Menu → Address
Design B: Home → Offers → Cart → Size → Pay
Answer key
- No
- 2
- data saved on the phone
- poor design
- white on dark green
- False
- the path through screens
- 1
- the back button
- see the home screen
- a named box for a value
- hard to read
- see if it is right
- 4
- goes to the last screen
- 1
- Next
- easy to read
- poor design
- see the home screen
- open the camera screen
- tiny tap areas
- tap “Sign up”
- UI
- so each step is clear
- pencil and paper
- True
- 1
- 5
- UX
- sits at the bottom
- 2
- 2
- open the menu
- 2
- open the camera screen
- dead end
- makes it harder
- a draft you are typing
- 4
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students