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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Cart → Search
Design B: Home → Address → Search → Menu (a) Design B (b) Design A - 2.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) pale pink on white (d) white on dark green
-
3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ tab bar ]
[ filter buttons ]
[ search box ]
[ title text ] (a) search box (b) tab bar (c) title text (d) filter buttons -
4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Quiz tab
2. open “Map”
3. tap the Me tab
Which screen are you on now? (a) Lessons (b) Map (c) Quiz (d) Me - 5.💾 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
- 6.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
- 7.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
- 8.🔍 Which is the odd one out? (a) colour as the only clue (b) captions on videos (c) icons with no labels (d) sudden loud sounds
- 9.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) to add more taps (d) so each step is clear
- 10.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
- 11.🔍 Which is the odd one out? (a) sudden loud sounds (b) text that can grow (c) labels on every icon (d) strong colour contrast
- 12.True or false: photos on two devices fits saving on the phone. (a) False (b) True
-
13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Search → Menu
Design B: Home → Address → Pay → Shop (a) Design B (b) Design A -
14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Next button: 36 px tall
Start button: 52 px tall
Help button: 68 px tall (a) Next (b) Help (c) Start -
15.🖼️ In this wireframe (top to bottom), what is right above the Save button?
[ big picture ]
[ top bar ]
[ menu icon ]
[ list of items ]
[ Save button ] (a) top bar (b) menu icon (c) big picture (d) list of items - 16.💾 Which can hold many values in order? (a) a list (b) a switch (c) a button (d) a single number
- 17.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) use it on any device (d) shrink the app
-
18.💾 What number does this code show?
let friends = ["Riya", "Aman", "Kabir"];
friends.push("Meera");
friends.push("Arjun");
show(friends.length); -
19.💾 What number does this code show?
let coins = 7;
coins = coins - 2;
coins = coins + 2;
show(coins); - 20.Which colour pair is easy to read? (a) light grey on white (b) pale pink on white (c) red on green (d) dark blue on white
- 21.True or false: a wireframe shows where things go. (a) True (b) False
- 22.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
- 23.Which of these is about UX (the experience)? (a) how users feel after (b) the button colours (c) the icon shapes (d) the font size
- 24.🔍 Which is the odd one out? (a) how many taps it takes (b) how easy sign-up is (c) how fast a task is done (d) the icon shapes
- 25.Which of these is about UI (the look)? (a) how fast a task is done (b) how users feel after (c) the screen layout (d) whether users get lost
- 26.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
- 27.Which of these is about UX (the experience)? (a) the font size (b) the screen layout (c) the theme colours (d) how easy sign-up is
-
28.🖼️ How many parts (boxes) does this wireframe have?
[ list of items ]
[ search box ]
[ menu icon ]
[ title text ]
[ filter buttons ] - 29.🔘 Our rule: buttons are at least 48 px tall. The Next button is 44 px tall. How many px taller must it be?
- 30.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) post the photo (d) add a filter
- 31.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
-
32.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Size → Menu
Design B: Home → Shop → Confirm → Menu → Cart → Size - 33.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) strong colour contrast (d) tiny tap areas
- 34.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) the last app used (d) a random page
-
35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. open “Score card”
3. open “Help page”
4. open “Friend list”
5. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 36.Which of these is true of a menu button? (a) opens a list of pages (b) sits at the bottom (c) goes to the last screen (d) shows 3 to 5 icons
- 37.True or false: the button colours is about UI (the look). (a) True (b) False
- 38.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) open the camera screen (c) post the photo (d) take the photo
-
39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Start button: 64 px tall
Back button: 36 px tall
Done button: 64 px tall - 40.True or false: a wireframe is a quick sketch. (a) True (b) False
Answer key
- Design A
- white on dark green
- title text
- Me
- on the phone
- easy to read
- a final design
- captions on videos
- so each step is clear
- pick a dish
- sudden loud sounds
- False
- Design A
- Next
- list of items
- a list
- use it on any device
- 5
- 7
- dark blue on white
- True
- hard to read
- how users feel after
- the icon shapes
- the screen layout
- UI
- how easy sign-up is
- 5
- 4
- take the photo
- a menu button
- 3
- tiny tap areas
- that tab’s main screen
- 0
- opens a list of pages
- True
- post the photo
- 2
- True
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students