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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. open “Match report”
3. open “Score card”
4. tap Back
5. tap the Quiz tab
Which screen are you on now? (a) Edit photo (b) Score card (c) Quiz (d) Match report - 2.Which of these fits saving on the phone? (a) chat messages to friends (b) the sound on/off setting (c) a class leaderboard (d) photos on two devices
- 3.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
-
4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 60 px tall
Send button: 68 px tall
Next button: 36 px tall
Help button: 56 px tall (a) Help (b) Send (c) Next (d) Back - 5.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) take the photo (c) add a filter (d) post the photo
- 6.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
- 7.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a shared chat (d) a cloud backup
- 8.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a charging cable (d) a type of font
- 9.🔀 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
-
10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Home tab
2. open “Score card”
3. tap the Profile tab
4. open “Edit photo”
Which screen are you on now? (a) Home (b) Edit photo (c) Search (d) Score card - 11.Which of these makes the app harder to use? (a) tiny tap areas (b) labels on every icon (c) strong colour contrast (d) big touch targets
- 12.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) read a question (c) see if it is right (d) see the final score
-
13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. open “Help page”
3. tap the Me tab
Which screen are you on now? (a) Lessons (b) Quiz (c) Help page (d) Me - 14.🔍 Which is the odd one out? (a) the theme colours (b) the icon shapes (c) whether users get lost (d) the screen layout
- 15.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
-
16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. open “Friend list”
3. tap the Settings tab
4. tap the Settings tab
5. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 17.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
- 18.Which of these fits saving on the phone? (a) a draft you are typing (b) a shared to-do list (c) chat messages to friends (d) photos on two devices
- 19.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
- 20.True or false: whether users get lost is about UI (the look). (a) False (b) True
-
21.💾 What number does this code show?
let friends = ["Meera", "Riya"];
friends.push("Zoya");
show(friends.length); -
22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. tap Back
3. tap the Chat tab
4. open “Video”
5. tap Back
How many times must you tap Back to reach the main screen of this tab? - 23.True or false: a final design is a quick sketch. (a) False (b) True
-
24.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ filter buttons ]
[ menu icon ]
[ top bar ]
[ search box ]
[ Save button ]
[ tab bar ] (a) search box (b) Save button (c) top bar (d) tab bar - 25.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) is a quick sketch (d) looks like the real app
- 26.True or false: a final design uses the final pictures. (a) True (b) False
- 27.True or false: the font size is about UX (the experience). (a) False (b) True
- 28.🔢 In a sign-up flow, which comes first: “enter the code sent” or “see the home screen”? (a) see the home screen (b) enter the code sent
- 29.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) see if it is right (d) read a question
- 30.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
- 31.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
- 32.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
-
33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 11 px
Footer: 21 px
Menu: 13 px -
34.💾 What number does this code show?
let score = 4;
score = score - 2;
score = score + 2;
show(score); -
35.🖼️ How many parts (boxes) does this wireframe have?
[ Add button ]
[ list of items ]
[ search box ]
[ big picture ] - 36.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
- 37.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) dark blue on white (d) pale pink on white
- 38.🎨 UI stands for user ___. (a) interface (b) internet (c) input (d) idea
- 39.True or false: a wireframe is a quick sketch. (a) True (b) False
- 40.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) tiny tap areas (d) strong colour contrast
Answer key
- Quiz
- the sound on/off setting
- True
- Next
- open the camera screen
- dead end
- data saved on the phone
- the path through screens
- so each step is clear
- Edit photo
- tiny tap areas
- see the final score
- Me
- whether users get lost
- No
- 1
- see if it is right
- a draft you are typing
- a tab bar
- False
- 3
- 0
- False
- tab bar
- looks like the real app
- True
- False
- enter the code sent
- read a question
- better UX
- UI
- tap “Sign up”
- 2
- 4
- 4
- good design
- dark blue on white
- interface
- True
- tiny tap areas
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students