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 tab bar? (a) switches main sections (b) opens a list of pages (c) goes to the last screen (d) hides extra links
-
2.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ filter buttons ]
[ tab bar ]
[ big picture ]
[ menu icon ]
[ title text ]
[ search box ] (a) big picture (b) title text (c) tab bar (d) menu icon -
3.💾 What number does this code show?
let friends = ["Zoya", "Aman", "Meera", "Riya"];
friends.push("Arjun");
show(friends.length); - 4.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
- 5.🔘 Our rule: buttons are at least 48 px tall. The Save button is 28 px tall. How many px taller must it be?
-
6.💾 What does this code show? (Positions start at 0.)
let songs = ["Sunrise", "Ocean", "Rain"];
show(songs[0]); (a) Rain (b) Ocean (c) Sunrise - 7.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
-
8.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Help button: 60 px tall
Next button: 60 px tall
Send button: 48 px tall -
9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Chat tab
2. tap the Feed tab
3. open “Match report”
4. tap Back
5. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 10.Which of these is true of a wireframe? (a) uses plain grey boxes (b) has the real colours (c) uses the final pictures (d) shows the real fonts
- 11.🧭 Which part of navigation goes to the last screen? (a) the back button (b) a tab bar (c) a menu button
- 12.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
-
13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 52 px tall
Help button: 68 px tall
Next button: 32 px tall (a) Save (b) Help (c) Next -
14.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Cart → Menu → Pens
Design B: Home → Offers → Pens (a) Design B (b) Design A - 15.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
- 16.Which of these is true of the back button? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) sits at the bottom
-
17.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Address → Search → Item → Size
Design B: Home → Menu → Pens → Search → Results → Address -
18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ search box ]
[ tab bar ]
[ title text ]
[ list of items ] (a) title text (b) list of items (c) search box (d) tab bar -
19.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ filter buttons ]
[ Add button ]
[ big picture ]
[ tab bar ] (a) Add button (b) tab bar (c) big picture - 20.True or false: how fast a task is done is about UI (the look). (a) True (b) False
-
21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Hint: 22 px
Title: 16 px
Caption: 26 px
Footer: 24 px
Body text: 14 px (a) Caption (b) Title (c) Body text (d) Hint - 22.True or false: a clear word like Save is good button design. (a) False (b) True
- 23.True or false: a final design uses plain grey boxes. (a) True (b) False
-
24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Badges”
2. open “Score card”
3. tap the Home tab
4. open “Friend list”
How many times must you tap Back to reach the main screen of this tab? -
25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. tap the Settings tab
3. open “Match report”
How many times must you tap Back to reach the main screen of this tab? - 26.True or false: a tiny 20 px button is good button design. (a) False (b) True
- 27.🔢 In a food-order flow, which comes first: “check the cart” or “open the menu”? (a) check the cart (b) open the menu
-
28.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 10 px
Hint: 17 px
Menu: 15 px
Title: 21 px - 29.🔍 Which is the odd one out? (a) how easy sign-up is (b) whether users get lost (c) the icon shapes (d) how many taps it takes
- 30.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
- 31.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
-
32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Lessons tab
2. tap the Me tab
3. open “Match report”
4. open “Score card”
How many times must you tap Back to reach the main screen of this tab? - 33.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) the button colours (d) how users feel after
- 34.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
- 35.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 36.True or false: “labels on every icon” makes the app harder to use. (a) False (b) True
- 37.🧭 Why should every screen show where you are? (a) to look busy (b) to use more battery (c) to hide the menu (d) so users do not get lost
- 38.True or false: the screen layout is about UX (the experience). (a) False (b) True
- 39.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) read a question (b) see if it is right (c) see the final score (d) tap “Start quiz”
- 40.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) fast-flashing lights (d) strong colour contrast
Answer key
- switches main sections
- tab bar
- 5
- No
- 20
- Sunrise
- a wireframe
- 3
- 0
- uses plain grey boxes
- the back button
- makes it harder
- Next
- Design B
- goes to the last screen
- undoes one move
- 1
- list of items
- Add button
- False
- Body text
- True
- False
- 1
- 1
- False
- open the menu
- 2
- the icon shapes
- post the photo
- in the cloud
- 2
- how users feel after
- 4
- in the cloud
- False
- so users do not get lost
- False
- see if it is right
- strong colour contrast
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students