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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Friend list”
2. open “Video”
3. tap the Quiz tab
4. tap the Quiz tab
5. open “Help page”
Which screen are you on now? (a) Video (b) Friend list (c) Help page (d) Lessons -
2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. tap Back
3. open “Map”
Which screen are you on now? (a) Feed (b) Chat (c) Settings (d) Map -
3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Confirm → Search → Address → Pay → Cart
Design B: Home → Pens → Pay - 4.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
- 5.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
- 6.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
- 7.♿ Why add captions to videos? (a) to slow them down (b) to hide the sound (c) so anyone can follow (d) to add colour
- 8.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) see if it is right (b) pick an answer
-
9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Shop → Menu → Results → Confirm → Search
Design B: Home → Size → Pens → Cart → Search - 10.🔍 Which is the odd one out? (a) the screen layout (b) the button colours (c) the icon shapes (d) how easy sign-up is
- 11.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
- 12.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
- 13.🔘 Our rule: buttons are at least 48 px tall. The Send button is 36 px tall. How many px taller must it be?
- 14.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
- 15.Which of these is about UI (the look)? (a) how many taps it takes (b) the screen layout (c) how fast a task is done (d) how easy sign-up is
- 16.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
- 17.True or false: a big, easy tap area is poor button design. (a) False (b) True
-
18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. tap the Lessons tab
3. open “Map”
4. open “Video”
5. open “Badges”
Which screen are you on now? (a) Badges (b) Video (c) Edit photo (d) Map - 19.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) pick a dish (c) track the order (d) check the cart
- 20.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
- 21.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
- 22.True or false: a big, easy tap area is good button design. (a) True (b) False
-
23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Settings tab
2. open “Badges”
3. tap the Settings tab
How many times must you tap Back to reach the main screen of this tab? - 24.🧭 Which part of navigation switches main sections? (a) the back button (b) a tab bar (c) a menu button
- 25.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) dead end (c) home screen (d) tab bar
- 26.True or false: a wireframe shows where things go. (a) False (b) True
- 27.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to add more taps (d) to hide the buttons
- 28.🔍 Which is the odd one out? (a) icons with no labels (b) colour as the only clue (c) sudden loud sounds (d) strong colour contrast
-
29.💾 What number does this code show?
let notes = ["Hindi", "Music"];
notes.push("Maths");
show(notes.length); - 30.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
- 31.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) is a quick sketch (d) looks like the real app
-
32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. open “Map”
3. tap Back
4. open “Edit photo”
5. open “Match report”
How many times must you tap Back to reach the main screen of this tab? -
33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Friend list”
2. open “Score card”
3. open “Map”
4. open “Score card”
5. tap Back
How many times must you tap Back to reach the main screen of this tab? -
34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 44 px tall
Save button: 48 px tall
Cancel button: 60 px tall (a) Cancel (b) Done (c) Save - 35.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
- 36.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) has the real colours (d) has no real colours
-
37.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ title text ]
[ big picture ]
[ filter buttons ]
[ top bar ]
[ Add button ] (a) Add button (b) big picture (c) top bar (d) title text - 38.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) big touch targets (d) fast-flashing lights
- 39.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
-
40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Confirm → Cart
Design B: Home → Shop → Offers → Pens → Cart → Search
Answer key
- Help page
- Map
- 4
- interface
- 5
- hard to read
- so anyone can follow
- pick an answer
- 5
- how easy sign-up is
- post the photo
- True
- 12
- the back button
- the screen layout
- at the bottom
- False
- Badges
- track the order
- UI
- add it to the cart
- True
- 0
- a tab bar
- dead end
- True
- so each step is clear
- strong colour contrast
- 3
- a final design
- is a quick sketch
- 3
- 3
- Done
- pencil and paper
- has the real colours
- top bar
- fast-flashing lights
- True
- 5
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students