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 number does this code show?
let friends = ["Aman", "Meera", "Kabir", "Zoya"];
friends.push("Arjun");
show(friends.length); - 2.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
-
3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. open “Edit photo”
3. tap Back
Which screen are you on now? (a) Lessons (b) Quiz (c) Edit photo (d) Match report - 4.Which colour pair is easy to read? (a) white on black (b) pale pink on white (c) light grey on white (d) yellow on white
- 5.Which of these is about UX (the experience)? (a) the font size (b) the button colours (c) how easy sign-up is (d) the screen layout
-
6.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Item → Offers
Design B: Home → Cart → Menu → Address → Pens → Size → Results - 7.True or false: photos on two devices fits saving on the phone. (a) True (b) False
- 8.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a random page (d) a clear next step
- 9.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) write a caption (d) post the photo
- 10.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
- 11.True or false: the theme colours is about UX (the experience). (a) True (b) False
- 12.🔍 Which is the odd one out? (a) strong colour contrast (b) colour as the only clue (c) big touch targets (d) labels on every icon
- 13.Which of these fits saving on the phone? (a) photos on two devices (b) notes to read offline (c) a class leaderboard (d) a shared to-do list
- 14.🔢 In a food-order flow, which comes first: “check the cart” or “open the menu”? (a) check the cart (b) open the menu
- 15.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) the phone settings (d) that tab’s main screen
-
16.💾 What number does this code show?
let songs = ["Ocean", "Stars"];
songs.push("Rain");
show(songs.length); - 17.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
-
18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ menu icon ]
[ top bar ]
[ title text ]
[ big picture ]
[ search box ] (a) menu icon (b) big picture (c) title text (d) search box - 19.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
- 20.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
- 21.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
- 22.True or false: a wireframe shows where things go. (a) False (b) True
- 23.Which of these helps everyone use the app? (a) text that can grow (b) icons with no labels (c) sudden loud sounds (d) fast-flashing lights
-
24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Lessons tab
2. tap the Me tab
3. open “Video”
How many times must you tap Back to reach the main screen of this tab? - 25.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) track the order (c) pay for the order (d) add it to the cart
- 26.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
-
27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 10 px
Footer: 17 px
Hint: 19 px
Caption: 28 px (a) Hint (b) Caption (c) Footer (d) Body text - 28.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a type of password (d) a charging cable
- 29.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
- 30.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) the sound on/off setting (d) a shared to-do list
- 31.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a colour theme (d) a type of font
- 32.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
- 33.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) make a password (c) see the home screen (d) type name and email
- 34.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to hide the buttons (d) to skip testing
-
35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Address → Cart
Design B: Home → Size → Results → Menu → Cart → Pens -
36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Caption: 17 px
Menu: 14 px
Footer: 17 px
Hint: 24 px
Label: 23 px -
37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Match report”
2. open “Help page”
3. tap the Settings tab
4. open “Score card”
Which screen are you on now? (a) Feed (b) Match report (c) Help page (d) Score card - 38.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
- 39.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) see the home screen (d) open the app
-
40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ tab bar ]
[ search box ]
[ list of items ]
[ title text ] (a) tab bar (b) search box (c) title text (d) list of items
Answer key
- 5
- makes it harder
- Match report
- white on black
- how easy sign-up is
- 4
- False
- a clear next step
- write a caption
- poor design
- False
- colour as the only clue
- notes to read offline
- open the menu
- that tab’s main screen
- 3
- 3
- search box
- makes it harder
- goes to the last screen
- a final design
- True
- text that can grow
- 1
- track the order
- No
- Body text
- a simple screen sketch
- a menu button
- a shared to-do list
- the path through screens
- a tab bar
- see the home screen
- so each step is clear
- 3
- 1
- Score card
- poor design
- open the app
- title text
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students