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.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
- 2.True or false: the icon shapes is about UX (the experience). (a) True (b) False
-
3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Next button: 36 px tall
Start button: 32 px tall
Send button: 52 px tall
Cancel button: 40 px tall - 4.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has no real colours (d) uses the final pictures
- 5.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) open the app (c) type name and email (d) see the home screen
-
6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Title: 10 px
Hint: 16 px
Body text: 21 px
Footer: 25 px (a) Hint (b) Body text (c) Footer (d) Title - 7.Which of these helps everyone use the app? (a) fast-flashing lights (b) icons with no labels (c) colour as the only clue (d) text that can grow
- 8.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) shrink the app (c) never need a password (d) use it on any device
- 9.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) the theme colours (d) how many taps it takes
- 10.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
-
11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 48 px tall
Cancel button: 60 px tall
Send button: 24 px tall (a) Cancel (b) Done (c) Send - 12.Which colour pair is easy to read? (a) dark blue on black (b) white on black (c) red on green (d) yellow on white
- 13.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
-
14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Menu: 17 px
Title: 22 px
Hint: 13 px
Caption: 28 px (a) Hint (b) Caption (c) Title (d) Menu -
15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Home tab
2. open “Badges”
3. tap the Home tab
4. open “Badges”
5. open “Edit photo”
Which screen are you on now? (a) Edit photo (b) Badges (c) Search (d) Home - 16.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
- 17.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
- 18.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) a menu button (c) the back button
- 19.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
-
20.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Size → Confirm
Design B: Home → Size → Address → Search → Shop → Pens → Results - 21.🔢 In a sign-up flow, what comes right after “type name and email”? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) see the home screen
-
22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Help button: 48 px tall
Cancel button: 32 px tall
Start button: 56 px tall (a) Help (b) Cancel (c) Start -
23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Address → Results → Cart
Design B: Home → Address → Offers → Results → Menu (a) Design A (b) Design B - 24.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
- 25.Which of these is true of a tab bar? (a) opens a list of pages (b) goes to the last screen (c) shows 3 to 5 icons (d) undoes one move
- 26.Which colour pair is easy to read? (a) red on green (b) dark blue on white (c) light grey on white (d) pale pink on white
- 27.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
- 28.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) tab bar (d) home screen
- 29.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) check the cart (c) add it to the cart (d) pay for the order
-
30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Confirm → Cart → Size → Search → Pens
Design B: Home → Item → Menu (a) Design A (b) Design B - 31.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) colour as the only clue (d) labels on every icon
- 32.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) take the photo (b) open the camera screen
- 33.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a picture goes here (d) a closed app
- 34.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 3 to 5 (c) 10 to 12 (d) 1
- 35.True or false: the button colours is about UX (the experience). (a) False (b) True
- 36.True or false: the theme colours is about UI (the look). (a) False (b) True
- 37.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
-
38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Quiz tab
2. tap the Quiz tab
3. tap the Me tab
4. tap the Quiz tab
How many times must you tap Back to reach the main screen of this tab? -
39.🖼️ In this wireframe (top to bottom), what is right above the top bar?
[ Add button ]
[ big picture ]
[ filter buttons ]
[ top bar ] (a) big picture (b) filter buttons (c) Add button -
40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Badges”
2. open “Match report”
3. open “Video”
4. open “Score card”
Which screen are you on now? (a) Match report (b) Video (c) Badges (d) Score card
Answer key
- UI
- False
- 1
- uses the final pictures
- type name and email
- Title
- text that can grow
- use it on any device
- how many taps it takes
- False
- Send
- white on black
- experience
- Hint
- Edit photo
- True
- True
- the back button
- a menu button
- 4
- make a password
- Cancel
- Design A
- so anyone can follow
- shows 3 to 5 icons
- dark blue on white
- UI
- dead end
- add it to the cart
- Design B
- colour as the only clue
- open the camera screen
- a picture goes here
- 3 to 5
- False
- True
- poor design
- 0
- filter buttons
- Score card
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students