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.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) a simple screen sketch (d) the finished app
- 2.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) so users do not get lost (d) to hide the menu
-
3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Pay → Item → Confirm
Design B: Home → Pens → Shop → Offers → Size → Item -
4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Settings tab
2. open “Friend list”
3. tap the Chat tab
Which screen are you on now? (a) Settings (b) Friend list (c) Feed (d) Chat - 5.🔍 Which is the odd one out? (a) how fast a task is done (b) the font size (c) whether users get lost (d) how users feel after
- 6.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) type name and email (d) open the app
- 7.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
- 8.True or false: “sudden loud sounds” makes the app harder to use. (a) False (b) True
- 9.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
-
10.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Help button: 64 px tall
Next button: 60 px tall
Send button: 44 px tall
Back button: 36 px tall - 11.True or false: space between buttons is good button design. (a) True (b) False
- 12.✏️ Why draw a wireframe before coding? (a) it saves data (b) changes are quick (c) it adds colours (d) it runs the app
- 13.♿ Why add captions to videos? (a) to hide the sound (b) to slow them down (c) to add colour (d) so anyone can follow
- 14.Which of these is about UI (the look)? (a) how easy sign-up is (b) the screen layout (c) whether users get lost (d) how users feel after
- 15.♿ A screen has 11 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
- 16.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
-
17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Edit photo”
2. tap Back
3. tap the Profile tab
How many times must you tap Back to reach the main screen of this tab? - 18.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) nobody (d) only yourself
- 19.Which of these is true of a final design? (a) shows the real fonts (b) has no real colours (c) is a quick sketch (d) shows where things go
-
20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Video”
2. tap Back
3. open “Help page”
4. tap the Me tab
How many times must you tap Back to reach the main screen of this tab? - 21.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
-
22.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 17 px
Caption: 11 px
Menu: 21 px
Footer: 27 px (a) Menu (b) Label (c) Caption (d) Footer - 23.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
- 24.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) post the photo (b) open the camera screen
-
25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Size → Offers → Pens
Design B: Home → Shop → Confirm → Address → Menu → Search -
26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Address → Results → Size → Item → Cart
Design B: Home → Cart → Pens - 27.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) looks like the real app (d) shows where things go
- 28.🎨 UX stands for user ___. (a) express (b) extra (c) example (d) experience
- 29.True or false: whether users get lost is about UX (the experience). (a) False (b) True
- 30.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) tab bar (d) dead end
- 31.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
- 32.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) make a password (b) tap “Sign up”
- 33.True or false: space between buttons is poor button design. (a) True (b) False
- 34.♿ A screen has 12 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
-
35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Score card”
2. tap Back
3. open “Match report”
4. open “Score card”
5. open “Friend list”
How many times must you tap Back to reach the main screen of this tab? -
36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Cancel button: 72 px tall
Back button: 60 px tall
Help button: 44 px tall (a) Help (b) Back (c) Cancel - 37.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
- 38.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
- 39.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a long animation (d) a text label
- 40.💾 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
Answer key
- a simple screen sketch
- so users do not get lost
- 5
- Chat
- the font size
- open the app
- 3
- True
- makes it harder
- 2
- True
- changes are quick
- so anyone can follow
- the screen layout
- 2
- a final design
- 0
- real users
- shows the real fonts
- 0
- 12
- Caption
- UI
- open the camera screen
- 2
- 3
- shows where things go
- experience
- True
- dead end
- UI
- tap “Sign up”
- False
- 3
- 3
- Help
- a tab bar
- makes it harder
- a text label
- on the phone
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students