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.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
- 2.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) type name and email (b) enter the code sent
- 3.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
-
4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Search → Menu → Confirm → Size → Cart
Design B: Home → Offers → Confirm (a) Design B (b) Design A - 5.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
- 6.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
- 7.💾 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
- 8.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
- 9.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
-
10.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 16 px
Title: 20 px
Menu: 18 px - 11.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) pencil and paper (c) a microphone (d) a phone case
-
12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Lessons tab
2. open “Badges”
3. open “Badges”
Which screen are you on now? (a) Badges (b) Lessons (c) Me (d) Quiz - 13.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) take the photo (b) open the camera screen
- 14.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
15.💾 What number does this code show?
let coins = 8;
coins = coins - 5;
coins = coins + 5;
show(coins); - 16.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) switches main sections (d) goes to the last screen
- 17.Which of these is true of the back button? (a) undoes one move (b) switches main sections (c) hides extra links (d) shows 3 to 5 icons
- 18.♿ What does a screen reader do? (a) makes text tiny (b) plays music (c) takes photos (d) reads the screen aloud
- 19.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
- 20.True or false: a final design has the real colours. (a) True (b) False
- 21.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) photos on two devices (d) a draft you are typing
- 22.True or false: a clear word like Save is poor button design. (a) True (b) False
- 23.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
- 24.🔢 In a sign-up flow, which comes first: “type name and email” or “see the home screen”? (a) type name and email (b) see the home screen
- 25.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 26.Which colour pair is hard to read? (a) black on pale grey (b) white on black (c) yellow on white (d) dark blue on white
-
27.🖼️ How many parts (boxes) does this wireframe have?
[ title text ]
[ big picture ]
[ menu icon ]
[ Save button ]
[ Add button ]
[ search box ] -
28.🖼️ In this wireframe (top to bottom), what is right above the title text?
[ Add button ]
[ title text ]
[ Save button ]
[ filter buttons ] (a) Add button (b) Save button (c) filter buttons - 29.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
-
30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Send button: 60 px tall
Back button: 64 px tall
Done button: 48 px tall
Next button: 52 px tall - 31.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “pick an answer”? (a) tap “Start quiz” (b) pick an answer
- 32.True or false: a final design shows the real fonts. (a) False (b) True
- 33.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
-
34.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Caption: 22 px
Body text: 20 px
Hint: 12 px (a) Caption (b) Body text (c) Hint -
35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. tap Back
3. open “Help page”
4. tap the Lessons tab
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?
Next button: 24 px tall
Cancel button: 72 px tall
Back button: 68 px tall
Send button: 52 px tall (a) Next (b) Back (c) Send (d) Cancel -
37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Next button: 40 px tall
Send button: 48 px tall
Back button: 56 px tall -
38.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Help button: 64 px tall
Cancel button: 36 px tall
Save button: 32 px tall - 39.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) good UX but poor UI (c) perfect UX (d) no UI at all
- 40.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
Answer key
- False
- type name and email
- UI
- Design B
- the back button
- False
- on the phone
- tap “Start quiz”
- a tab bar
- 0
- pencil and paper
- Badges
- open the camera screen
- on the phone
- 8
- switches main sections
- undoes one move
- reads the screen aloud
- so anyone can follow
- True
- photos on two devices
- False
- so each step is clear
- type name and email
- in the cloud
- yellow on white
- 6
- Add button
- a simple screen sketch
- 4
- tap “Start quiz”
- True
- False
- Hint
- 0
- Next
- 2
- 1
- good UI but poor UX
- a wireframe
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students