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 is the odd one out? (a) how fast a task is done (b) how easy sign-up is (c) whether users get lost (d) the font size
-
2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Body text: 13 px
Title: 21 px
Menu: 15 px
Footer: 15 px
Hint: 22 px - 3.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
- 4.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
- 5.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
- 6.True or false: grey text on grey is good button design. (a) True (b) False
-
7.💾 What does this code show? (Positions start at 0.)
let friends = ["Riya", "Kabir", "Aman", "Meera"];
show(friends[3]); (a) Riya (b) Kabir (c) Aman (d) Meera -
8.🖼️ How many parts (boxes) does this wireframe have?
[ title text ]
[ list of items ]
[ top bar ]
[ big picture ]
[ Save button ]
[ filter buttons ] - 9.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
- 10.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
- 11.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 12.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) open the menu (c) add it to the cart (d) pick a dish
- 13.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
- 14.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
- 15.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) to hide the sound (d) so anyone can follow
-
16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Caption: 10 px
Label: 17 px
Title: 24 px (a) Label (b) Title (c) Caption - 17.🎨 UX stands for user ___. (a) express (b) experience (c) extra (d) example
- 18.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
- 19.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 20.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses plain grey boxes (d) shows the real fonts
- 21.🎨 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
-
22.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
[ big picture ]
[ tab bar ]
[ title text ]
[ menu icon ] (a) title text (b) big picture (c) menu icon -
23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Footer: 15 px
Caption: 22 px
Hint: 10 px
Menu: 13 px
Title: 19 px -
24.🖼️ In this wireframe (top to bottom), what is right below the top bar?
[ tab bar ]
[ big picture ]
[ Save button ]
[ top bar ]
[ menu icon ] (a) Save button (b) big picture (c) menu icon (d) tab bar - 25.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
- 26.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
-
27.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Label: 12 px
Caption: 11 px
Title: 23 px
Footer: 17 px
Menu: 12 px - 28.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
- 29.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) open the app
-
30.💾 What does this code show? (Positions start at 0.)
let friends = ["Meera", "Zoya", "Aman", "Riya", "Kabir"];
show(friends[0]); (a) Zoya (b) Riya (c) Aman (d) Meera - 31.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
- 32.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) how users feel after (d) the button colours
-
33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. open “Score card”
3. open “Map”
Which screen are you on now? (a) Map (b) Feed (c) Score card (d) Chat - 34.Which of these fits saving in the cloud? (a) your last game level (b) a class leaderboard (c) the sound on/off setting (d) notes to read offline
-
35.🖼️ How many parts (boxes) does this wireframe have?
[ filter buttons ]
[ big picture ]
[ Add button ]
[ menu icon ]
[ top bar ]
[ Save button ] - 36.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) a shared to-do list (d) a class leaderboard
- 37.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) add it to the cart (b) pick a dish
- 38.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
-
39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Map”
2. open “Video”
3. tap the Search tab
4. tap the Search tab
5. tap the Search tab
Which screen are you on now? (a) Map (b) Home (c) Search (d) Video - 40.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) pale pink on white (d) dark blue on white
Answer key
- the font size
- 3
- a menu button
- tap “Start quiz”
- 3 to 5
- False
- Meera
- 6
- a picture goes here
- helps everyone
- hard to read
- open the menu
- poor design
- 3
- so anyone can follow
- Caption
- experience
- False
- easy to read
- shows the real fonts
- good UI but poor UX
- title text
- 3
- menu icon
- True
- UX
- 3
- interface
- open the app
- Meera
- True
- how users feel after
- Map
- a class leaderboard
- 6
- a draft you are typing
- pick a dish
- UI
- Search
- dark blue on white
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students