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.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 22 px
Hint: 18 px
Caption: 26 px
Title: 21 px
Body text: 10 px (a) Hint (b) Body text (c) Label (d) Caption - 2.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) check the cart (d) track the order
-
3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 12 px
Footer: 13 px
Title: 11 px
Hint: 12 px
Label: 10 px - 4.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
- 5.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
- 6.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
-
7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Cart → Item → Pay → Pens → Search
Design B: Home → Pay → Shop (a) Design B (b) Design A - 8.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
- 9.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) tap “Sign up” (c) make a password (d) open the app
- 10.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
- 11.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
- 12.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
- 13.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) light grey on white (d) dark blue on white
-
14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ filter buttons ]
[ top bar ]
[ Add button ] (a) big picture (b) top bar (c) filter buttons (d) Add button -
15.💾 What number does this code show?
let notes = ["Hindi", "Sports"];
notes.push("Science");
show(notes.length); - 16.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
- 17.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
-
18.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Pens → Address
Design B: Home → Menu → Address → Pens → Search → Results - 19.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 20.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) pick an answer (d) see if it is right
- 21.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
- 22.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
- 23.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) see the home screen (b) type name and email (c) make a password (d) enter the code sent
-
24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Match report”
3. open “Video”
4. tap Back
5. tap the Home tab
Which screen are you on now? (a) Search (b) Home (c) Match report (d) Video -
25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. tap the Search tab
3. tap the Search tab
4. tap the Search tab
5. open “Match report”
Which screen are you on now? (a) Home (b) Search (c) Match report (d) Profile - 26.True or false: whether users get lost is about UI (the look). (a) False (b) True
- 27.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) captions on videos (d) icons with no labels
- 28.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
- 29.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) a dead end (d) the same screen
- 30.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 31.🔍 Which is the odd one out? (a) text that can grow (b) strong colour contrast (c) sudden loud sounds (d) captions on videos
- 32.True or false: a wireframe has the real colours. (a) True (b) False
-
33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Menu → Shop → Results → Pay → Item → Offers
Design B: Home → Confirm → Pens → Address → Offers (a) Design A (b) Design B - 34.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) type name and email (c) see the home screen (d) tap “Sign up”
-
35.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ Save button ]
[ menu icon ]
[ filter buttons ]
[ list of items ]
[ Add button ]
[ search box ] (a) Save button (b) search box (c) menu icon (d) filter buttons - 36.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) hides extra links (d) goes to the last screen
- 37.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
- 38.True or false: the icon shapes is about UI (the look). (a) True (b) False
- 39.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
- 40.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
Answer key
- Body text
- open the menu
- 5
- a tab bar
- False
- False
- Design B
- True
- make a password
- poor design
- True
- makes it harder
- light grey on white
- Add button
- 3
- good design
- easy to read
- 3
- hard to read
- read a question
- a wireframe
- helps everyone
- type name and email
- Home
- Match report
- False
- captions on videos
- False
- a clear next step
- hard to read
- sudden loud sounds
- False
- Design B
- see the home screen
- search box
- shows 3 to 5 icons
- that tab’s main screen
- True
- 28
- a named box for a value
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students