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.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
- 2.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) take the photo (d) post the photo
-
3.💾 What does this code show? (Positions start at 0.)
let songs = ["Sunrise", "Ocean", "Kites"];
show(songs[1]); (a) Ocean (b) Sunrise (c) Kites - 4.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see the final score (d) see if it is right
- 5.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) photos on two devices (d) a draft you are typing
- 6.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
- 7.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) pick an answer
- 8.Which of these is about UI (the look)? (a) the button colours (b) how users feel after (c) how easy sign-up is (d) how fast a task is done
- 9.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
- 10.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) the theme colours (d) the icon shapes
-
11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 36 px tall
Help button: 68 px tall
Next button: 60 px tall
Back button: 60 px tall (a) Next (b) Back (c) Help (d) Done -
12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Friend list”
2. tap the Me tab
3. open “Match report”
4. open “Map”
Which screen are you on now? (a) Lessons (b) Match report (c) Map (d) Friend list -
13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ Save button ]
[ tab bar ]
[ search box ]
[ Add button ]
[ top bar ] (a) top bar (b) Add button (c) Save button (d) tab bar - 14.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
-
15.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ big picture ]
[ list of items ]
[ menu icon ]
[ Add button ]
[ search box ]
[ Save button ] (a) list of items (b) search box (c) menu icon (d) Save button - 16.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
-
17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Help page”
2. tap Back
3. tap the Settings tab
4. open “Badges”
5. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 18.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
-
19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. open “Map”
3. tap Back
Which screen are you on now? (a) Home (b) Map (c) Search (d) Profile - 20.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) goes to the last screen (d) deletes the page
-
21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Caption: 26 px
Hint: 10 px
Footer: 23 px
Body text: 16 px
Title: 24 px (a) Footer (b) Hint (c) Body text (d) Caption - 22.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
-
23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ top bar ]
[ Save button ]
[ Add button ]
[ filter buttons ]
[ menu icon ] (a) big picture (b) top bar (c) Save button (d) menu icon - 24.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
- 25.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) open the app (b) tap “Sign up”
- 26.True or false: a final design is a quick sketch. (a) False (b) True
-
27.💾 What number does this code show?
let friends = ["Riya", "Kabir", "Meera", "Arjun"];
friends.push("Aman");
friends.push("Zoya");
show(friends.length); - 28.True or false: icons with no meaning is good button design. (a) False (b) True
- 29.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) open the app
- 30.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) is a quick sketch (d) has the real colours
-
31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Done button: 60 px tall
Help button: 32 px tall
Start button: 40 px tall
Save button: 60 px tall - 32.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) track the order (b) pay for the order
- 33.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
- 34.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
- 35.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
- 36.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) shrink the app (d) use it on any device
-
37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Menu → Pens
Design B: Home → Offers → Size → Item - 38.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) tap “Sign up” (b) type name and email
- 39.True or false: the button colours is about UX (the experience). (a) False (b) True
- 40.🔍 Which is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) sudden loud sounds (d) colour as the only clue
Answer key
- a wireframe
- open the camera screen
- Ocean
- read a question
- a draft you are typing
- 4
- pick an answer
- the button colours
- False
- how easy sign-up is
- Done
- Map
- top bar
- makes it harder
- search box
- experience
- 0
- False
- Search
- goes to the last screen
- Hint
- good design
- menu icon
- False
- open the app
- False
- 6
- False
- see the home screen
- is a quick sketch
- 2
- pay for the order
- the path through screens
- better UX
- False
- use it on any device
- 2
- tap “Sign up”
- False
- strong colour contrast
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students