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.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) tap “Start quiz” (c) pick an answer (d) see if it is right
-
2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ list of items ]
[ top bar ]
[ Add button ]
[ Save button ]
[ filter buttons ]
[ menu icon ] (a) menu icon (b) top bar (c) filter buttons (d) list of items - 3.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
- 4.Which colour pair is easy to read? (a) yellow on white (b) white on dark green (c) light grey on white (d) pale pink on white
- 5.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) changes are quick (d) it saves data
-
6.🖼️ How many parts (boxes) does this wireframe have?
[ Add button ]
[ Save button ]
[ big picture ]
[ search box ] -
7.🖼️ In this wireframe (top to bottom), what is right below the list of items?
[ title text ]
[ list of items ]
[ Save button ]
[ search box ] (a) title text (b) Save button (c) search box -
8.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 15 px
Hint: 23 px
Title: 18 px
Caption: 21 px
Menu: 13 px - 9.♿ Why add captions to videos? (a) to add colour (b) to slow them down (c) so anyone can follow (d) to hide the sound
- 10.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
- 11.🔢 In a sign-up flow, what comes right after “open the app”? (a) see the home screen (b) type name and email (c) make a password (d) tap “Sign up”
- 12.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
-
13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Item → Search → Offers → Menu
Design B: Home → Results → Shop (a) Design A (b) Design B - 14.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) so each step is clear (d) to skip testing
- 15.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
- 16.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
- 17.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) the path through screens (d) a charging cable
-
18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Home tab
2. tap the Profile tab
3. open “Score card”
How many times must you tap Back to reach the main screen of this tab? -
19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Pens → Size
Design B: Home → Pay → Address → Menu - 20.🔢 In a food-order flow, which comes first: “open the menu” or “track the order”? (a) track the order (b) open the menu
-
21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Chat tab
2. open “Help page”
3. tap Back
How many times must you tap Back to reach the main screen of this tab? - 22.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
- 23.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 24.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) tap “Sign up” (c) open the app (d) type name and email
- 25.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the font size (d) how fast a task is done
- 26.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
- 27.♿ A screen has 8 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
- 28.True or false: a big, easy tap area is good button design. (a) False (b) True
- 29.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
-
30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Item → Results → Cart → Confirm → Menu → Shop
Design B: Home → Shop → Results (a) Design B (b) Design A - 31.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
-
32.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Shop → Pens → Cart → Results → Offers
Design B: Home → Pens → Menu (a) Design B (b) Design A - 33.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) dark blue on white (d) pale pink on white
-
34.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ top bar ]
[ Save button ]
[ tab bar ]
[ filter buttons ]
[ Add button ] (a) top bar (b) Add button (c) Save button (d) tab bar - 35.Which of these is true of the back button? (a) undoes one move (b) switches main sections (c) sits at the bottom (d) hides extra links
- 36.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
- 37.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
-
38.💾 What does this code show? (Positions start at 0.)
let notes = ["Sports", "Science", "Maths", "Hindi", "Art"];
show(notes[2]); (a) Maths (b) Science (c) Hindi (d) Sports - 39.🔍 Which is the odd one out? (a) how fast a task is done (b) the theme colours (c) whether users get lost (d) how users feel after
- 40.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
Answer key
- pick an answer
- menu icon
- read a question
- white on dark green
- changes are quick
- 4
- Save button
- 2
- so anyone can follow
- True
- tap “Sign up”
- 3
- Design B
- so each step is clear
- open the camera screen
- a wireframe
- the path through screens
- 1
- 2
- open the menu
- 0
- a final design
- in the cloud
- see the home screen
- the font size
- 16
- 4
- True
- tap “Start quiz”
- Design B
- True
- Design B
- pale pink on white
- Add button
- undoes one move
- easy to read
- a wireframe
- Maths
- the theme colours
- 16
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students