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.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) delete this (d) a picture goes here
- 2.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has the real colours (d) has no real colours
- 3.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) open the app (c) see the home screen (d) enter the code sent
- 4.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) no UI at all (d) good UI but poor UX
-
5.💾 What number does this code show?
let coins = 7;
coins = coins - 5;
coins = coins + 1;
show(coins); - 6.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
- 7.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the phone is lost (d) the app is closed
- 8.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
-
9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Score card”
2. open “Badges”
3. tap Back
4. tap Back
How many times must you tap Back to reach the main screen of this tab? - 10.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ Add button ]
[ filter buttons ]
[ Save button ]
[ big picture ] (a) Save button (b) filter buttons (c) Add button (d) big picture - 12.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) a tab bar (c) the back button
- 13.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see the final score (b) tap “Start quiz” (c) read a question (d) see if it is right
-
14.💾 pop() takes off the last item. What does this code show?
let notes = ["Science", "Sports", "Music"];
notes.pop();
show(notes[notes.length - 1]); (a) Sports (b) Music (c) Science - 15.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) uses the final pictures
- 16.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) see if it is right (c) see the final score (d) pick an answer
- 17.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) the font size (d) how fast a task is done
- 18.True or false: whether users get lost is about UX (the experience). (a) True (b) False
-
19.💾 What number does this code show?
let notes = ["Maths", "Sports", "Music"];
notes.push("Science");
notes.push("Art");
show(notes.length); - 20.True or false: how fast a task is done is about UI (the look). (a) False (b) True
- 21.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
-
22.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ Save button ]
[ title text ]
[ Add button ]
[ tab bar ]
[ list of items ] (a) title text (b) list of items (c) Save button (d) tab bar - 23.🔢 In a food-order flow, which comes first: “add it to the cart” or “open the menu”? (a) open the menu (b) add it to the cart
- 24.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to add more taps (d) to skip testing
- 25.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
-
26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ list of items ]
[ top bar ]
[ big picture ]
[ Add button ] (a) list of items (b) top bar (c) big picture (d) Add button - 27.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 28.Which of these fits saving in the cloud? (a) your last game level (b) a class leaderboard (c) a draft you are typing (d) notes to read offline
- 29.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
- 30.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
- 31.True or false: a final design shows where things go. (a) True (b) False
-
32.🖼️ In this wireframe (top to bottom), what is right above the Save button?
[ menu icon ]
[ list of items ]
[ filter buttons ]
[ Save button ] (a) menu icon (b) list of items (c) filter buttons - 33.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) pick an answer (c) read a question (d) see the final score
- 34.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a shared to-do list (d) a draft you are typing
- 35.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
-
36.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Size → Shop → Item
Design B: Home → Cart → Size - 37.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) add it to the cart (b) pick a dish
-
38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Results → Pay → Size
Design B: Home → Address → Pay → Cart → Offers → Pens → Results - 39.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
- 40.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections
Answer key
- a picture goes here
- has the real colours
- open the app
- good UI but poor UX
- 3
- True
- the phone is lost
- hard to read
- 0
- in the cloud
- big picture
- a tab bar
- see if it is right
- Sports
- uses the final pictures
- see the final score
- how fast a task is done
- True
- 5
- False
- changes are quick
- tab bar
- open the menu
- so each step is clear
- 3
- Add button
- on the phone
- a class leaderboard
- a menu button
- 16
- False
- filter buttons
- see the final score
- a draft you are typing
- a simple screen sketch
- 1
- pick a dish
- 3
- a tab bar
- switches main sections
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students