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 add captions to videos? (a) to slow them down (b) to hide the sound (c) so anyone can follow (d) to add colour
- 2.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) no UI at all (d) good UX but poor UI
-
3.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
[ search box ]
[ menu icon ]
[ filter buttons ]
[ title text ]
[ Save button ]
[ tab bar ] (a) tab bar (b) filter buttons (c) title text (d) search box - 4.♿ What does a screen reader do? (a) plays music (b) takes photos (c) reads the screen aloud (d) makes text tiny
- 5.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
-
6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Menu: 11 px
Body text: 21 px
Hint: 21 px
Label: 18 px (a) Hint (b) Menu (c) Label (d) Body text -
7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Done button: 48 px tall
Back button: 32 px tall
Start button: 32 px tall - 8.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) the path through screens (d) a colour theme
-
9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. open “Match report”
3. tap the Settings tab
How many times must you tap Back to reach the main screen of this tab? - 10.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 11.🎨 Who should you test the UX with? (a) the app icon (b) nobody (c) only yourself (d) real users
- 12.True or false: a wireframe is a quick sketch. (a) False (b) True
-
13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Menu: 16 px
Caption: 19 px
Body text: 26 px
Label: 19 px
Hint: 11 px (a) Body text (b) Menu (c) Hint (d) Caption -
14.💾 pop() takes off the last item. What does this code show?
let songs = ["Ocean", "Rain", "Monsoon", "Kites", "Sunrise"];
songs.pop();
show(songs[songs.length - 1]); (a) Rain (b) Kites (c) Ocean (d) Monsoon - 15.Which of these helps everyone use the app? (a) text that can grow (b) sudden loud sounds (c) icons with no labels (d) tiny tap areas
- 16.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
- 17.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
-
18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 27 px
Hint: 11 px
Footer: 27 px
Label: 16 px (a) Label (b) Footer (c) Hint (d) Body text -
19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. tap the Lessons tab
3. open “Score card”
4. open “Video”
5. tap Back
How many times must you tap Back to reach the main screen of this tab? - 20.True or false: your last game level fits saving on the phone. (a) False (b) True
- 21.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) read a question
- 22.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
- 23.🔍 Which is the odd one out? (a) tiny tap areas (b) big touch targets (c) sudden loud sounds (d) fast-flashing lights
- 24.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
- 25.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
- 26.♿ A screen has 10 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
- 27.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
- 28.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 29.Which of these is about UI (the look)? (a) whether users get lost (b) the screen layout (c) how fast a task is done (d) how easy sign-up is
- 30.True or false: a big, easy tap area is good button design. (a) True (b) False
- 31.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) hides extra links (d) shows 3 to 5 icons
- 32.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
- 33.True or false: a final design shows the real fonts. (a) False (b) True
-
34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Address → Results → Menu
Design B: Home → Item → Menu → Offers → Size → Cart → Address - 35.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) shows where things go
-
36.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ top bar ]
[ filter buttons ]
[ big picture ]
[ menu icon ] (a) big picture (b) menu icon (c) top bar - 37.True or false: how fast a task is done is about UI (the look). (a) True (b) False
-
38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ tab bar ]
[ Save button ]
[ top bar ]
[ filter buttons ]
[ big picture ] (a) filter buttons (b) tab bar (c) big picture (d) Save button - 39.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
- 40.💾 Which works with no internet at all? (a) a cloud backup (b) data saved on the phone (c) a cloud leaderboard (d) a shared chat
Answer key
- so anyone can follow
- good UI but poor UX
- search box
- reads the screen aloud
- False
- Menu
- 1
- the path through screens
- 0
- in the cloud
- real users
- True
- Hint
- Kites
- text that can grow
- UI
- a final design
- Hint
- 1
- True
- see the final score
- a tab bar
- big touch targets
- UX
- 20
- 7
- True
- in the cloud
- the screen layout
- True
- shows 3 to 5 icons
- a final design
- True
- 6
- shows where things go
- big picture
- False
- big picture
- UI
- data saved on the phone
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students