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 the easiest way to draw a first wireframe? (a) a 3D printer (b) pencil and paper (c) a microphone (d) a phone case
- 2.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
-
3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Caption: 12 px
Body text: 18 px
Label: 11 px -
4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Next button: 60 px tall
Send button: 60 px tall
Back button: 32 px tall (a) Next (b) Send (c) Back - 5.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
- 6.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
- 7.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
-
8.💾 What number does this code show?
let coins = 4;
coins = coins - 2;
coins = coins + 1;
show(coins); - 9.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
- 10.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
- 11.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
-
12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Video”
2. tap Back
3. open “Badges”
4. tap Back
How many times must you tap Back to reach the main screen of this tab? - 13.True or false: strong colour contrast is poor button design. (a) False (b) True
-
14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Video”
3. open “Video”
4. tap the Search tab
How many times must you tap Back to reach the main screen of this tab? -
15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Match report”
2. tap the Feed tab
3. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 16.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
-
17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Badges”
2. open “Score card”
3. open “Score card”
How many times must you tap Back to reach the main screen of this tab? -
18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. open “Score card”
3. tap Back
4. tap the Chat tab
How many times must you tap Back to reach the main screen of this tab? -
19.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ filter buttons ]
[ top bar ]
[ title text ]
[ tab bar ]
[ menu icon ] (a) filter buttons (b) menu icon (c) big picture (d) tab bar -
20.💾 pop() takes off the last item. What does this code show?
let songs = ["Stars", "Kites", "Rain", "Monsoon"];
songs.pop();
show(songs[songs.length - 1]); (a) Rain (b) Stars (c) Kites (d) Monsoon - 21.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
- 22.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) fast-flashing lights (d) text that can grow
-
23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Pay → Item → Results → Pens → Size → Offers
Design B: Home → Pens → Pay → Search → Shop → Address -
24.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 24 px tall
Cancel button: 72 px tall
Back button: 48 px tall (a) Back (b) Cancel (c) Save - 25.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) pick a dish (b) add it to the cart
-
26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Help page”
2. tap Back
3. tap the Feed tab
4. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 27.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
-
28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 52 px tall
Help button: 48 px tall
Start button: 52 px tall
Back button: 44 px tall (a) Save (b) Back (c) Start (d) Help - 29.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
-
30.💾 What does this code show? (Positions start at 0.)
let friends = ["Meera", "Riya", "Zoya", "Aman"];
show(friends[3]); (a) Aman (b) Zoya (c) Meera (d) Riya - 31.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
- 32.🔍 Which is the odd one out? (a) the button colours (b) how many taps it takes (c) the theme colours (d) the font size
-
33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ list of items ]
[ title text ]
[ top bar ]
[ search box ]
[ filter buttons ]
[ tab bar ] (a) title text (b) list of items (c) tab bar (d) filter buttons - 34.Which of these fits saving on the phone? (a) a shared to-do list (b) chat messages to friends (c) notes to read offline (d) photos on two devices
- 35.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 36.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) the path through screens (d) a type of font
- 37.🔢 In a photo-post flow, which comes first: “open the camera screen” or “take the photo”? (a) take the photo (b) open the camera screen
- 38.Which of these is true of a tab bar? (a) undoes one move (b) shows 3 to 5 icons (c) goes to the last screen (d) opens a list of pages
-
39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Search
Design B: Home → Pens → Offers → Menu → Confirm → Results → Shop - 40.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
Answer key
- pencil and paper
- the back button
- 2
- Back
- data saved on the phone
- False
- helps everyone
- 3
- easy to read
- a wireframe
- UI
- 0
- False
- 0
- 0
- False
- 3
- 0
- menu icon
- Rain
- True
- fast-flashing lights
- 6
- Save
- pick a dish
- 1
- 3
- Back
- False
- Aman
- UX
- how many taps it takes
- tab bar
- notes to read offline
- on the phone
- the path through screens
- open the camera screen
- shows 3 to 5 icons
- 4
- post the photo
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students