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.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
- 2.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it saves data (c) changes are quick (d) it adds colours
- 3.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a microphone (c) a phone case (d) a 3D printer
- 4.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
- 5.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see the final score (b) see if it is right
-
6.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Caption: 14 px
Title: 20 px
Hint: 10 px
Footer: 18 px
Menu: 12 px - 7.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) the font size (d) how easy sign-up is
- 8.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption
- 9.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
- 10.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
-
11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Label: 10 px
Body text: 14 px
Caption: 10 px
Footer: 23 px
Hint: 21 px - 12.🔢 In a sign-up flow, which comes first: “see the home screen” or “enter the code sent”? (a) see the home screen (b) enter the code sent
- 13.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) nowhere (c) inside a button (d) at the bottom
- 14.🔍 Which is the odd one out? (a) the screen layout (b) how easy sign-up is (c) the font size (d) the theme colours
- 15.🔢 In a sign-up flow, which comes first: “make a password” or “type name and email”? (a) make a password (b) type name and email
- 16.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) a closed app (d) delete this
- 17.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) pale pink on white (d) white on black
- 18.Which of these helps everyone use the app? (a) icons with no labels (b) fast-flashing lights (c) strong colour contrast (d) sudden loud sounds
-
19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. tap Back
3. open “Badges”
How many times must you tap Back to reach the main screen of this tab? - 20.🔍 Which is the odd one out? (a) colour as the only clue (b) icons with no labels (c) big touch targets (d) sudden loud sounds
- 21.True or false: a big, easy tap area is good button design. (a) True (b) False
- 22.♿ A screen has 10 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
- 23.Which of these fits saving in the cloud? (a) a draft you are typing (b) a shared to-do list (c) notes to read offline (d) your last game level
-
24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Pay → Confirm
Design B: Home → Confirm → Shop → Offers → Menu -
25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Help button: 52 px tall
Cancel button: 24 px tall
Done button: 52 px tall (a) Cancel (b) Help (c) Done -
26.💾 What does this code show? (Positions start at 0.)
let notes = ["Science", "Hindi", "Sports"];
show(notes[1]); (a) Hindi (b) Sports (c) Science - 27.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
- 28.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
- 29.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 30.🔢 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) enter the code sent
-
31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Pens → Cart → Menu → Search → Item
Design B: Home → Pens → Cart → Search → Pay - 32.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
- 33.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) sudden loud sounds (d) text that can grow
- 34.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) a random page (c) the last app used (d) that tab’s main screen
- 35.True or false: space between buttons is good button design. (a) True (b) False
- 36.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) how many taps it takes (d) how fast a task is done
- 37.♿ A screen has 6 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
- 38.Which of these is true of a tab bar? (a) goes to the last screen (b) opens a list of pages (c) undoes one move (d) sits at the bottom
-
39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Help button: 40 px tall
Cancel button: 44 px tall
Save button: 56 px tall
Send button: 56 px tall -
40.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Cart → Confirm → Menu → Item → Pens
Design B: Home → Item → Offers
Answer key
- so each step is clear
- changes are quick
- pencil and paper
- poor design
- see if it is right
- 3
- how easy sign-up is
- open the camera screen
- so anyone can follow
- good design
- 3
- enter the code sent
- at the bottom
- how easy sign-up is
- type name and email
- a picture goes here
- pale pink on white
- strong colour contrast
- 1
- big touch targets
- True
- 6
- a shared to-do list
- 4
- Cancel
- Hindi
- a wireframe
- good UI but poor UX
- hard to read
- make a password
- 4
- False
- text that can grow
- that tab’s main screen
- True
- the button colours
- 2
- sits at the bottom
- 2
- 4
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students