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.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
- 2.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) home screen (d) dead end
- 3.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
-
4.💾 What does this code show? (Positions start at 0.)
let notes = ["Maths", "Science", "Sports"];
show(notes[1]); (a) Science (b) Sports (c) Maths - 5.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) a shared chat (d) data saved on the phone
- 6.Which of these helps everyone use the app? (a) fast-flashing lights (b) sudden loud sounds (c) tiny tap areas (d) labels on every icon
- 7.♿ A screen has 11 icon buttons. Only 9 of them have a text label for screen readers. How many still need a label?
- 8.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
- 9.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
- 10.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
- 11.Which of these is about UX (the experience)? (a) how fast a task is done (b) the screen layout (c) the button colours (d) the font size
-
12.💾 What number does this code show?
let stars = 7;
stars = stars - 4;
stars = stars + 1;
show(stars); - 13.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) how easy sign-up is (d) the theme colours
- 14.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
- 15.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) is a quick sketch (d) uses the final pictures
- 16.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
- 17.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) track the order (c) pick a dish (d) pay for the order
-
18.💾 What does this code show? (Positions start at 0.)
let songs = ["Ocean", "Sunrise", "Stars"];
show(songs[2]); (a) Sunrise (b) Stars (c) Ocean - 19.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) open the menu (c) track the order (d) add it to the cart
- 20.Which of these is true of a wireframe? (a) has the real colours (b) has no real colours (c) shows the real fonts (d) uses the final pictures
- 21.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) good UI but poor UX (d) perfect UX
-
22.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Next button: 64 px tall
Help button: 44 px tall
Done button: 60 px tall (a) Help (b) Next (c) Done -
23.💾 What number does this code show?
let points = 3;
points = points - 1;
points = points + 2;
show(points); - 24.Which of these is about UI (the look)? (a) how fast a task is done (b) the screen layout (c) how easy sign-up is (d) how users feel after
-
25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. open “Match report”
3. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? -
26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. open “Badges”
3. tap Back
4. open “Map”
5. open “Match report”
Which screen are you on now? (a) Match report (b) Badges (c) Map (d) Home - 27.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
- 28.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 29.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on yellow (d) red on green
- 30.Which of these is true of a final design? (a) has no real colours (b) is a quick sketch (c) uses plain grey boxes (d) has the real colours
-
31.🖼️ In this wireframe (top to bottom), what is right above the top bar?
[ Save button ]
[ top bar ]
[ Add button ]
[ list of items ]
[ tab bar ]
[ filter buttons ] (a) Add button (b) filter buttons (c) list of items (d) Save button - 32.Which of these is about UI (the look)? (a) how many taps it takes (b) how users feel after (c) the font size (d) whether users get lost
-
33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Friend list”
2. open “Match report”
3. open “Map”
Which screen are you on now? (a) Match report (b) Map (c) Friend list (d) Lessons - 34.🎨 UI stands for user ___. (a) idea (b) internet (c) input (d) interface
- 35.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
- 36.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
-
37.🖼️ How many parts (boxes) does this wireframe have?
[ big picture ]
[ list of items ]
[ Save button ]
[ title text ]
[ tab bar ] - 38.Which of these is true of a menu button? (a) switches main sections (b) goes to the last screen (c) sits at the bottom (d) hides extra links
- 39.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer
-
40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Edit photo”
2. tap the Home tab
3. open “Score card”
4. open “Score card”
5. tap the Home tab
Which screen are you on now? (a) Home (b) Search (c) Score card (d) Edit photo
Answer key
- helps everyone
- dead end
- hard to read
- Science
- data saved on the phone
- labels on every icon
- 2
- a wireframe
- False
- good design
- how fast a task is done
- 4
- how easy sign-up is
- False
- is a quick sketch
- tap “Start quiz”
- pay for the order
- Stars
- track the order
- has no real colours
- good UI but poor UX
- Help
- 4
- the screen layout
- 0
- Match report
- a wireframe
- hard to read
- black on yellow
- has the real colours
- Save button
- the font size
- Map
- interface
- a simple screen sketch
- False
- 5
- hides extra links
- pencil and paper
- Home
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students