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.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) so each step is clear (d) to add more taps
- 2.🔍 Which is the odd one out? (a) the screen layout (b) how many taps it takes (c) the font size (d) the button colours
- 3.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) see if it is right (c) read a question (d) pick an answer
- 4.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) enter the code sent (c) make a password (d) open the app
- 5.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) pick an answer
-
6.💾 What number does this code show?
let lives = 9;
lives = lives - 4;
lives = lives + 4;
show(lives); -
7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ filter buttons ]
[ title text ]
[ top bar ]
[ Add button ]
[ tab bar ] (a) top bar (b) tab bar (c) Add button (d) filter buttons - 8.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Help button: 56 px tall
Next button: 64 px tall
Start button: 44 px tall
Send button: 52 px tall - 10.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 11.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) check the cart (b) add it to the cart
- 12.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
- 13.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
- 14.True or false: a wireframe shows the real fonts. (a) True (b) False
- 15.True or false: “strong colour contrast” makes the app harder to use. (a) False (b) True
- 16.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) a bigger app (c) more colours (d) worse UX
- 17.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
- 18.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) a type of password (d) the finished app
- 19.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
- 20.Which of these helps everyone use the app? (a) tiny tap areas (b) icons with no labels (c) sudden loud sounds (d) labels on every icon
-
21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Help page”
3. open “Match report”
4. tap the Home tab
5. open “Help page”
Which screen are you on now? (a) Match report (b) Search (c) Help page (d) Home - 22.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
- 23.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
-
24.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
[ top bar ]
[ list of items ]
[ filter buttons ]
[ big picture ]
[ Add button ] (a) top bar (b) big picture (c) list of items (d) Add button - 25.True or false: a wireframe is a quick sketch. (a) False (b) True
- 26.True or false: a wireframe has no real colours. (a) True (b) False
-
27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 64 px tall
Send button: 44 px tall
Back button: 52 px tall (a) Send (b) Save (c) Back - 28.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) fast-flashing lights (d) labels on every icon
- 29.🔍 Which is the odd one out? (a) big touch targets (b) text that can grow (c) captions on videos (d) colour as the only clue
-
30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Friend list”
2. open “Video”
3. tap the Chat tab
Which screen are you on now? (a) Chat (b) Friend list (c) Feed (d) Video - 31.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) dark blue on white (d) dark blue on black
-
32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Badges”
2. tap Back
3. tap the Me tab
Which screen are you on now? (a) Quiz (b) Lessons (c) Me (d) Badges - 33.Which of these helps everyone use the app? (a) fast-flashing lights (b) colour as the only clue (c) big touch targets (d) tiny tap areas
- 34.Which of these is true of a final design? (a) is a quick sketch (b) uses the final pictures (c) has no real colours (d) uses plain grey boxes
- 35.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
-
36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Item → Offers
Design B: Home → Size → Pens → Shop (a) Design B (b) Design A - 37.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) read a question (b) see the final score
- 38.♿ What does a screen reader do? (a) makes text tiny (b) plays music (c) takes photos (d) reads the screen aloud
- 39.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
- 40.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) the same screen (d) a clear next step
Answer key
- so each step is clear
- how many taps it takes
- read a question
- open the app
- tap “Start quiz”
- 9
- tab bar
- on the phone
- 3
- in the cloud
- add it to the cart
- a menu button
- hard to read
- False
- False
- better UX
- a final design
- a simple screen sketch
- goes to the last screen
- labels on every icon
- Help page
- False
- easy to read
- list of items
- True
- True
- Send
- labels on every icon
- colour as the only clue
- Chat
- dark blue on black
- Me
- big touch targets
- uses the final pictures
- dead end
- Design A
- read a question
- reads the screen aloud
- real users
- a clear next step
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students