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 of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) shows the real fonts (d) uses plain grey boxes
- 2.Which of these is true of a tab bar? (a) hides extra links (b) goes to the last screen (c) opens a list of pages (d) shows 3 to 5 icons
-
3.🖼️ In this wireframe (top to bottom), what is right above the Add button?
[ list of items ]
[ Save button ]
[ filter buttons ]
[ Add button ]
[ tab bar ] (a) filter buttons (b) Save button (c) list of items (d) tab bar - 4.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a random page (d) a dead end
-
5.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Help page”
2. open “Badges”
3. tap the Home tab
How many times must you tap Back to reach the main screen of this tab? - 6.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
- 7.🔍 Which is the odd one out? (a) the icon shapes (b) how users feel after (c) the font size (d) the theme colours
- 8.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
- 9.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
- 10.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the screen layout (d) how many taps it takes
- 11.Which of these is about UI (the look)? (a) how users feel after (b) whether users get lost (c) how easy sign-up is (d) the icon shapes
- 12.True or false: the icon shapes is about UI (the look). (a) False (b) True
-
13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Help page”
2. tap Back
3. open “Badges”
4. tap Back
Which screen are you on now? (a) Quiz (b) Help page (c) Badges (d) Lessons - 14.🔍 Which is the odd one out? (a) colour as the only clue (b) big touch targets (c) sudden loud sounds (d) tiny tap areas
- 15.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) how users feel after (d) the button colours
- 16.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
-
17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Match report”
3. open “Video”
4. tap Back
5. tap Back
How many times must you tap Back to reach the main screen of this tab? - 18.Which of these fits saving on the phone? (a) a class leaderboard (b) a draft you are typing (c) chat messages to friends (d) a shared to-do list
- 19.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
- 20.Which of these makes the app harder to use? (a) labels on every icon (b) sudden loud sounds (c) captions on videos (d) big touch targets
- 21.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) type name and email (b) tap “Sign up” (c) open the app (d) see the home screen
- 22.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) the app icon (d) nobody
-
23.💾 What number does this code show?
let score = 5;
score = score - 4;
score = score + 5;
show(score); - 24.True or false: icons with no meaning is poor button design. (a) True (b) False
- 25.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) the screen layout (d) whether users get lost
- 26.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
- 27.True or false: a wireframe has no real colours. (a) False (b) True
- 28.True or false: “colour as the only clue” helps everyone use the app. (a) False (b) True
-
29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. tap the Search tab
3. tap the Search tab
4. open “Badges”
Which screen are you on now? (a) Badges (b) Home (c) Profile (d) Search - 30.True or false: space between buttons is good button design. (a) False (b) True
- 31.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
- 32.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) in the middle (d) at the bottom
-
33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Caption: 11 px
Title: 22 px
Body text: 15 px
Hint: 10 px
Menu: 13 px - 34.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
- 35.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a 3D printer (d) a microphone
- 36.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
-
37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 11 px
Hint: 20 px
Caption: 28 px
Title: 26 px (a) Hint (b) Body text (c) Title (d) Caption - 38.Which of these makes the app harder to use? (a) icons with no labels (b) labels on every icon (c) big touch targets (d) captions on videos
-
39.💾 pop() takes off the last item. What does this code show?
let notes = ["Music", "Sports", "Maths", "Hindi", "Science"];
notes.pop();
show(notes[notes.length - 1]); (a) Maths (b) Music (c) Hindi (d) Sports - 40.True or false: a tiny 20 px button is poor button design. (a) False (b) True
Answer key
- uses plain grey boxes
- shows 3 to 5 icons
- filter buttons
- a clear next step
- 0
- experience
- how users feel after
- that tab’s main screen
- No
- how many taps it takes
- the icon shapes
- True
- Lessons
- big touch targets
- the button colours
- a menu button
- 0
- a draft you are typing
- poor design
- sudden loud sounds
- see the home screen
- real users
- 6
- True
- whether users get lost
- makes it harder
- True
- False
- Badges
- True
- 3
- at the bottom
- 4
- a wireframe
- pencil and paper
- a wireframe
- Body text
- icons with no labels
- Hindi
- True
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students