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 does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) plays music (d) takes photos
-
2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ title text ]
[ menu icon ]
[ top bar ]
[ filter buttons ]
[ Save button ] (a) filter buttons (b) title text (c) Save button (d) menu icon -
3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 72 px tall
Help button: 52 px tall
Start button: 40 px tall (a) Back (b) Help (c) Start - 4.Which of these is true of a tab bar? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) undoes one move
- 5.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
-
6.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. open “Video”
3. tap the Me tab
4. open “Edit photo”
How many times must you tap Back to reach the main screen of this tab? - 7.True or false: a wireframe uses the final pictures. (a) False (b) True
-
8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 52 px tall
Next button: 40 px tall
Help button: 72 px tall
Done button: 60 px tall (a) Back (b) Next (c) Help (d) Done - 9.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) captions on videos (d) fast-flashing lights
- 10.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) chat messages to friends (d) the sound on/off setting
-
11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. tap the Lessons tab
3. tap the Me tab
4. open “Edit photo”
5. tap the Lessons tab
How many times must you tap Back to reach the main screen of this tab? - 12.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
- 13.True or false: the button colours is about UX (the experience). (a) True (b) False
- 14.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
-
15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 72 px tall
Save button: 60 px tall
Help button: 36 px tall (a) Send (b) Help (c) Save - 16.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) labels on every icon (d) sudden loud sounds
- 17.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True
- 18.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption
- 19.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
- 20.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
-
21.🖼️ How many parts (boxes) does this wireframe have?
[ filter buttons ]
[ Save button ]
[ big picture ]
[ title text ]
[ list of items ] - 22.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
-
23.🖼️ In this wireframe (top to bottom), what is right above the Save button?
[ menu icon ]
[ Save button ]
[ top bar ]
[ Add button ] (a) Add button (b) top bar (c) menu icon - 24.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the battery (c) the server (d) colour-blind users
- 25.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) a random page (d) the last app used
-
26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ filter buttons ]
[ Add button ]
[ tab bar ]
[ top bar ]
[ search box ] (a) tab bar (b) filter buttons (c) top bar (d) search box -
27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Lessons tab
2. open “Map”
3. tap Back
4. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 28.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
-
29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Score card”
2. tap Back
3. open “Map”
4. open “Badges”
5. tap the Profile tab
How many times must you tap Back to reach the main screen of this tab? - 30.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
- 31.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on yellow (d) red on green
- 32.Which colour pair is hard to read? (a) black on pale grey (b) white on black (c) dark blue on black (d) white on dark green
- 33.♿ A screen has 9 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
- 34.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) see if it is right (c) read a question (d) see the final score
- 35.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
-
36.🖼️ How many parts (boxes) does this wireframe have?
[ search box ]
[ filter buttons ]
[ list of items ]
[ title text ]
[ tab bar ]
[ menu icon ] - 37.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
- 38.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
- 39.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
- 40.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) so anyone can follow (d) to slow them down
Answer key
- reads the screen aloud
- Save button
- Start
- shows 3 to 5 icons
- the back button
- 1
- False
- Next
- captions on videos
- the sound on/off setting
- 0
- tap “Start quiz”
- False
- a final design
- Help
- labels on every icon
- True
- post the photo
- so each step is clear
- good design
- 5
- good design
- menu icon
- colour-blind users
- that tab’s main screen
- search box
- 1
- No
- 0
- hard to read
- black on yellow
- dark blue on black
- 8
- see the final score
- a wireframe
- 6
- a named box for a value
- open the app
- a clear next step
- so anyone can follow
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students