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.True or false: a big, easy tap area is poor button design. (a) True (b) False
-
2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Caption: 11 px
Menu: 22 px
Label: 19 px
Title: 24 px -
3.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ Add button ]
[ Save button ]
[ big picture ]
[ title text ] (a) big picture (b) Save button (c) title text - 4.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
- 5.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) see the final score (c) read a question (d) tap “Start quiz”
- 6.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
- 7.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
- 8.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) see if it is right (d) pick an answer
- 9.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
- 10.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
- 11.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
- 12.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
- 13.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) shows where things go (d) uses the final pictures
- 14.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
-
15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Edit photo”
2. tap Back
3. tap the Search tab
4. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 16.Which colour pair is hard to read? (a) yellow on white (b) black on pale grey (c) dark blue on white (d) white on black
- 17.True or false: a final design is a quick sketch. (a) True (b) False
- 18.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 1 (d) 10
-
19.💾 What number does this code show?
let notes = ["Maths", "Hindi", "Sports", "Art"];
notes.push("Science");
show(notes.length); - 20.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 21.♿ Why add captions to videos? (a) to hide the sound (b) to slow them down (c) so anyone can follow (d) to add colour
- 22.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
- 23.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
- 24.Which colour pair is hard to read? (a) black on yellow (b) pale pink on white (c) black on pale grey (d) dark blue on white
- 25.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 10 to 12 (c) 3 to 5 (d) 1
- 26.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
- 27.🔢 In a photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
- 28.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) sudden loud sounds (d) fast-flashing lights
- 29.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) open the menu (c) add it to the cart (d) pick a dish
- 30.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
-
31.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Address → Pens → Cart → Offers → Shop → Pay
Design B: Home → Menu → Offers (a) Design A (b) Design B - 32.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) opens settings (d) goes to the last screen
- 33.True or false: how fast a task is done is about UI (the look). (a) False (b) True
- 34.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) tap “Start quiz” (d) see if it is right
-
35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 12 px
Caption: 22 px
Menu: 13 px
Hint: 15 px - 36.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) looks like the real app (d) is a quick sketch
- 37.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 38.True or false: grey text on grey is good button design. (a) False (b) True
- 39.Which of these makes the app harder to use? (a) labels on every icon (b) captions on videos (c) big touch targets (d) icons with no labels
- 40.Which of these helps everyone use the app? (a) icons with no labels (b) tiny tap areas (c) captions on videos (d) sudden loud sounds
Answer key
- False
- 1
- Save button
- a simple screen sketch
- see the final score
- so users do not get lost
- pencil and paper
- read a question
- a tab bar
- good design
- True
- a wireframe
- uses the final pictures
- UI
- 1
- yellow on white
- False
- 0
- 5
- hard to read
- so anyone can follow
- experience
- UX
- pale pink on white
- 3 to 5
- good design
- add a filter
- text that can grow
- track the order
- poor design
- Design B
- goes to the last screen
- False
- tap “Start quiz”
- 3
- is a quick sketch
- in the cloud
- False
- icons with no labels
- captions on videos
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students