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.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
- 2.Which of these is true of a wireframe? (a) looks like the real app (b) uses plain grey boxes (c) uses the final pictures (d) has the real colours
-
3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Pens → Item → Confirm → Menu
Design B: Home → Results → Pay → Menu -
4.💾 pop() takes off the last item. What does this code show?
let notes = ["Science", "Art", "Hindi", "Sports", "Maths"];
notes.pop();
show(notes[notes.length - 1]); (a) Hindi (b) Science (c) Sports (d) Art - 5.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) pick a dish (c) open the menu (d) check the cart
- 6.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 7.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
- 8.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) icons with no labels (d) big touch targets
-
9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Title: 28 px
Hint: 9 px
Caption: 19 px (a) Caption (b) Hint (c) Title - 10.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) fast-flashing lights (d) big touch targets
- 11.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
- 12.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) type name and email (c) see the home screen (d) open the app
- 13.True or false: a wireframe looks like the real app. (a) True (b) False
- 14.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
-
15.🖼️ How many parts (boxes) does this wireframe have?
[ Add button ]
[ title text ]
[ tab bar ]
[ Save button ]
[ big picture ]
[ top bar ] - 16.🔢 In a food-order flow, what comes right after “pick a dish”? (a) track the order (b) pay for the order (c) add it to the cart (d) check the cart
-
17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 60 px tall
Next button: 40 px tall
Start button: 48 px tall (a) Next (b) Send (c) Start -
18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 24 px
Menu: 11 px
Caption: 17 px
Footer: 16 px (a) Footer (b) Caption (c) Menu (d) Label - 19.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
- 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.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a shared chat (c) a cloud backup (d) data saved on the phone
- 22.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) read a question (c) see if it is right (d) see the final score
- 23.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
- 24.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
-
25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 72 px tall
Done button: 72 px tall
Help button: 28 px tall (a) Help (b) Send (c) Done -
26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Score card”
2. open “Match report”
3. tap the Settings tab
Which screen are you on now? (a) Feed (b) Match report (c) Settings (d) Score card - 27.True or false: “colour as the only clue” helps everyone use the app. (a) False (b) True
- 28.🔍 Which is the odd one out? (a) how easy sign-up is (b) how fast a task is done (c) how users feel after (d) the icon shapes
-
29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 64 px tall
Start button: 24 px tall
Done button: 48 px tall (a) Back (b) Start (c) Done - 30.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
- 31.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
- 32.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) uses the final pictures (d) shows where things go
- 33.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
- 34.Which of these helps everyone use the app? (a) text that can grow (b) colour as the only clue (c) fast-flashing lights (d) tiny tap areas
- 35.Which colour pair is easy to read? (a) red on green (b) black on yellow (c) dark blue on black (d) light grey on white
- 36.True or false: notes to read offline fits saving in the cloud. (a) True (b) False
- 37.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
- 38.Which of these is about UI (the look)? (a) the theme colours (b) how many taps it takes (c) how easy sign-up is (d) whether users get lost
-
39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Help button: 72 px tall
Send button: 36 px tall
Cancel button: 56 px tall (a) Cancel (b) Help (c) Send - 40.♿ A screen has 10 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
Answer key
- the back button
- uses plain grey boxes
- 2
- Sports
- open the menu
- on the phone
- UI
- icons with no labels
- Hint
- big touch targets
- good design
- open the app
- False
- makes it harder
- 6
- add it to the cart
- Next
- Menu
- hard to read
- goes to the last screen
- data saved on the phone
- see if it is right
- a menu button
- good design
- Help
- Settings
- False
- the icon shapes
- Start
- a clear next step
- UX
- shows where things go
- makes it harder
- text that can grow
- black on yellow
- False
- good design
- the theme colours
- Send
- 1
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students