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.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
- 2.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Menu: 20 px
Label: 22 px
Footer: 22 px
Body text: 10 px
Caption: 15 px - 4.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) pick a dish (c) pay for the order (d) track the order
-
5.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. tap the Chat tab
3. open “Badges”
Which screen are you on now? (a) Badges (b) Edit photo (c) Feed (d) Chat - 6.Which of these is true of a menu button? (a) opens a list of pages (b) goes to the last screen (c) sits at the bottom (d) switches main sections
- 7.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) fast-flashing lights (d) labels on every icon
- 8.🔢 In a photo-post flow, what comes right after “write a caption”? (a) post the photo (b) add a filter (c) take the photo (d) open the camera screen
-
9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. open “Score card”
3. tap Back
Which screen are you on now? (a) Feed (b) Badges (c) Chat (d) Score card - 10.🔍 Which is the odd one out? (a) whether users get lost (b) how users feel after (c) how many taps it takes (d) the icon shapes
-
11.🖼️ How many parts (boxes) does this wireframe have?
[ list of items ]
[ search box ]
[ big picture ]
[ Add button ]
[ top bar ]
[ menu icon ] -
12.💾 What number does this code show?
let notes = ["Maths", "Art", "Science", "Music"];
notes.push("Hindi");
show(notes.length); - 13.🎨 UI stands for user ___. (a) internet (b) idea (c) input (d) interface
- 14.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) the sound on/off setting (d) a class leaderboard
- 15.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
- 16.True or false: photos on two devices fits saving on the phone. (a) True (b) False
- 17.Which of these makes the app harder to use? (a) big touch targets (b) strong colour contrast (c) icons with no labels (d) captions on videos
- 18.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
-
19.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Menu: 22 px
Hint: 13 px
Title: 14 px
Body text: 12 px - 20.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) fast typists (c) colour-blind users (d) the server
- 21.🔍 Which is the odd one out? (a) fast-flashing lights (b) captions on videos (c) text that can grow (d) big touch targets
- 22.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 23.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
- 24.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
-
25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Size → Offers → Search → Results → Shop → Menu
Design B: Home → Cart → Menu → Shop - 26.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) pick an answer (c) see the final score (d) read a question
- 27.🧭 Why should every screen show where you are? (a) to look busy (b) to hide the menu (c) so users do not get lost (d) to use more battery
-
28.🖼️ How many parts (boxes) does this wireframe have?
[ list of items ]
[ Add button ]
[ search box ]
[ filter buttons ] - 29.Which of these is true of a final design? (a) shows where things go (b) looks like the real app (c) uses plain grey boxes (d) has no real colours
- 30.♿ A screen has 11 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
-
31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Footer: 13 px
Body text: 23 px
Label: 16 px
Menu: 14 px - 32.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
- 33.🔍 Which is the odd one out? (a) big touch targets (b) sudden loud sounds (c) icons with no labels (d) colour as the only clue
-
34.💾 pop() takes off the last item. What does this code show?
let friends = ["Meera", "Zoya", "Riya", "Kabir", "Arjun"];
friends.pop();
show(friends[friends.length - 1]); (a) Riya (b) Zoya (c) Kabir (d) Meera - 35.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) goes to the last screen
- 36.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) pick an answer (c) tap “Start quiz” (d) see the final score
- 37.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) only the coder (d) nobody
- 38.🎨 Who should you test the UX with? (a) real users (b) only yourself (c) the app icon (d) nobody
-
39.🖼️ In this wireframe (top to bottom), what is right below the big picture?
[ Save button ]
[ big picture ]
[ search box ]
[ menu icon ]
[ tab bar ]
[ title text ] (a) tab bar (b) title text (c) menu icon (d) search box - 40.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
Answer key
- experience
- in the cloud
- 2
- open the menu
- Badges
- opens a list of pages
- labels on every icon
- post the photo
- Badges
- the icon shapes
- 6
- 5
- interface
- the sound on/off setting
- poor design
- False
- icons with no labels
- hard to read
- 3
- colour-blind users
- fast-flashing lights
- hard to read
- helps everyone
- good design
- 3
- tap “Start quiz”
- so users do not get lost
- 4
- looks like the real app
- 8
- 2
- UI
- big touch targets
- Kabir
- shows 3 to 5 icons
- see the final score
- everyone
- real users
- search box
- a named box for a value
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students