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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Edit photo”
3. tap Back
Which screen are you on now? (a) Edit photo (b) Profile (c) Search (d) Home - 2.🔍 Which is the odd one out? (a) how many taps it takes (b) whether users get lost (c) the button colours (d) how fast a task is done
- 3.🔢 In a food-order flow, what comes right after “check the cart”? (a) pay for the order (b) open the menu (c) track the order (d) add it to the cart
- 4.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
- 5.🔍 Which is the odd one out? (a) text that can grow (b) strong colour contrast (c) fast-flashing lights (d) captions on videos
- 6.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
- 7.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
- 8.Which of these is true of a menu button? (a) undoes one move (b) switches main sections (c) opens a list of pages (d) goes to the last screen
- 9.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings
-
10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Size → Pens → Offers → Confirm → Address → Cart
Design B: Home → Pay → Results → Shop → Offers → Confirm (a) Design A (b) Design B -
11.💾 What does this code show? (Positions start at 0.)
let notes = ["Sports", "Art", "Science"];
show(notes[1]); (a) Science (b) Art (c) Sports - 12.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) hides extra links (c) sits at the bottom (d) switches main sections
- 13.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
- 14.Which of these is true of the back button? (a) opens a list of pages (b) hides extra links (c) undoes one move (d) sits at the bottom
-
15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Pay → Pens
Design B: Home → Shop → Confirm - 16.🧭 Which part of navigation switches main sections? (a) the back button (b) a tab bar (c) a menu button
- 17.🔍 Which is the odd one out? (a) the theme colours (b) the button colours (c) how users feel after (d) the font size
- 18.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) track the order (c) check the cart (d) pay for the order
- 19.True or false: strong colour contrast is poor button design. (a) False (b) True
- 20.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
-
21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Settings tab
2. open “Map”
3. tap Back
How many times must you tap Back to reach the main screen of this tab? - 22.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) shows the real fonts (d) has the real colours
-
23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Item → Pens
Design B: Home → Confirm → Pens → Cart → Offers (a) Design A (b) Design B -
24.💾 pop() takes off the last item. What does this code show?
let notes = ["Science", "Art", "Maths"];
notes.pop();
show(notes[notes.length - 1]); (a) Maths (b) Art (c) Science - 25.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
- 26.True or false: your last game level fits saving on the phone. (a) False (b) True
-
27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Help button: 44 px tall
Start button: 48 px tall
Back button: 48 px tall (a) Back (b) Start (c) Help - 28.🔍 Which is the odd one out? (a) tiny tap areas (b) icons with no labels (c) fast-flashing lights (d) labels on every icon
- 29.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
- 30.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) skip the internet (c) shrink the app (d) never need a password
-
31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. open “Score card”
3. tap the Settings tab
4. tap the Feed tab
5. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 32.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
- 33.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
- 34.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) better UX (d) worse UX
- 35.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) add it to the cart (b) pick a dish
- 36.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) the finished app (d) a simple screen sketch
-
37.💾 What number does this code show?
let stars = 6;
stars = stars - 1;
stars = stars + 2;
show(stars); - 38.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
- 39.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 40.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
Answer key
- Profile
- the button colours
- pay for the order
- No
- fast-flashing lights
- UI
- poor design
- opens a list of pages
- goes to the last screen
- Design B
- Art
- hides extra links
- UX
- undoes one move
- 1
- a tab bar
- how users feel after
- check the cart
- False
- UI
- 0
- uses plain grey boxes
- Design A
- Art
- UX
- True
- Help
- labels on every icon
- a final design
- use it on any device
- 1
- True
- False
- better UX
- pick a dish
- a simple screen sketch
- 7
- a tab bar
- on the phone
- tap “Start quiz”
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students