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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Offers → Menu → Search → Address
Design B: Home → Size → Search - 2.♿ A screen has 8 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
- 3.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
- 4.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
- 5.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
- 6.True or false: the theme colours is about UX (the experience). (a) True (b) False
- 7.True or false: a final design looks like the real app. (a) True (b) False
- 8.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
- 9.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
- 10.True or false: the icon shapes is about UX (the experience). (a) True (b) False
- 11.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
-
12.🖼️ In this wireframe (top to bottom), what is right above the list of items?
[ search box ]
[ list of items ]
[ top bar ]
[ tab bar ] (a) top bar (b) tab bar (c) search box - 13.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) see if it is right (b) pick an answer
-
14.🖼️ How many parts (boxes) does this wireframe have?
[ big picture ]
[ menu icon ]
[ Save button ]
[ search box ]
[ Add button ] - 15.🔍 Which is the odd one out? (a) how users feel after (b) the font size (c) the button colours (d) the theme colours
- 16.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) track the order (d) pick a dish
- 17.True or false: a wireframe uses the final pictures. (a) False (b) True
- 18.True or false: notes to read offline fits saving on the phone. (a) True (b) False
- 19.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
20.💾 What number does this code show?
let lives = 7;
lives = lives - 1;
lives = lives + 2;
show(lives); -
21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Help page”
2. open “Video”
3. tap Back
4. open “Badges”
How many times must you tap Back to reach the main screen of this tab? - 22.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
-
23.🖼️ How many parts (boxes) does this wireframe have?
[ search box ]
[ tab bar ]
[ menu icon ]
[ Save button ] - 24.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
- 25.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
- 26.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) make a password (d) type name and email
- 27.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
- 28.True or false: space between buttons is poor button design. (a) False (b) True
- 29.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) read a question (b) pick an answer
- 30.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
- 31.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
- 32.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the app is closed (c) the screen turns off (d) the phone is lost
- 33.True or false: a final design is a quick sketch. (a) True (b) False
- 34.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
-
35.💾 What number does this code show?
let notes = ["Science", "Maths"];
notes.push("Hindi");
notes.push("Music");
show(notes.length); - 36.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
- 37.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
- 38.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
-
39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. open “Map”
3. tap the Chat tab
4. tap the Settings tab
5. open “Match report”
Which screen are you on now? (a) Match report (b) Edit photo (c) Map (d) Feed - 40.🔢 In a quiz-app flow, what comes right after “read a question”? (a) pick an answer (b) see if it is right (c) tap “Start quiz” (d) see the final score
Answer key
- 2
- 2
- poor design
- good design
- open the app
- False
- True
- hard to read
- reads the screen aloud
- False
- a wireframe
- search box
- pick an answer
- 5
- how users feel after
- open the menu
- False
- True
- on the phone
- 8
- 2
- good design
- 4
- a final design
- a final design
- see the home screen
- good UI but poor UX
- False
- read a question
- interface
- a wireframe
- the phone is lost
- False
- the back button
- 4
- take the photo
- so each step is clear
- changes are quick
- Match report
- pick an answer
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students