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 colour pair is hard to read? (a) dark blue on white (b) black on pale grey (c) black on yellow (d) red on green
- 2.True or false: whether users get lost is about UX (the experience). (a) True (b) False
-
3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Cancel button: 60 px tall
Help button: 48 px tall
Done button: 28 px tall (a) Done (b) Cancel (c) Help - 4.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
- 5.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 20 (c) 10 to 12 (d) 1
-
6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Friend list”
2. tap Back
3. tap the Search tab
4. open “Edit photo”
How many times must you tap Back to reach the main screen of this tab? -
7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. tap the Feed tab
3. open “Score card”
How many times must you tap Back to reach the main screen of this tab? - 8.Which of these is true of the back button? (a) sits at the bottom (b) switches main sections (c) opens a list of pages (d) undoes one move
-
9.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ filter buttons ]
[ tab bar ]
[ title text ]
[ Save button ] (a) tab bar (b) title text (c) Save button - 10.🔢 In a food-order flow, which comes first: “check the cart” or “pick a dish”? (a) check the cart (b) pick a dish
-
11.🖼️ In this wireframe (top to bottom), what is right above the Save button?
[ menu icon ]
[ list of items ]
[ Save button ]
[ search box ]
[ top bar ]
[ filter buttons ] (a) menu icon (b) filter buttons (c) search box (d) list of items - 12.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Caption: 16 px
Title: 16 px
Label: 16 px
Menu: 10 px
Footer: 22 px (a) Title (b) Label (c) Caption (d) Menu - 14.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
- 15.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) check the cart (d) open the menu
- 16.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
- 17.Which colour pair is easy to read? (a) black on pale grey (b) dark blue on black (c) pale pink on white (d) light grey on white
-
18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Results → Confirm → Search
Design B: Home → Search → Menu → Pens → Offers → Size → Item (a) Design B (b) Design A - 19.True or false: photos on two devices fits saving on the phone. (a) False (b) True
- 20.💾 What is a variable? (a) a picture (b) a phone setting (c) a type of screen (d) a named box for a value
- 21.True or false: a wireframe uses plain grey boxes. (a) False (b) True
-
22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Shop → Offers → Search → Pay → Confirm → Results
Design B: Home → Shop → Confirm → Search - 23.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) tiny tap areas (d) icons with no labels
-
24.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ title text ]
[ list of items ]
[ menu icon ]
[ top bar ]
[ Add button ]
[ filter buttons ] (a) title text (b) top bar (c) filter buttons (d) Add button - 25.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) it runs the app (d) changes are quick
- 26.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) uses plain grey boxes (d) shows where things go
- 27.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) the finished app (d) a type of password
- 28.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the screen turns off (c) the phone is lost (d) you send a message
- 29.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) write a caption (c) post the photo (d) take the photo
- 30.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) icons with no labels (d) sudden loud sounds
- 31.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
- 32.True or false: a clear word like Save is poor button design. (a) True (b) False
- 33.Which of these is true of the back button? (a) opens a list of pages (b) goes to the last screen (c) switches main sections (d) hides extra links
-
34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Match report”
2. tap the Home tab
3. tap the Search tab
4. open “Score card”
Which screen are you on now? (a) Home (b) Match report (c) Search (d) Score card - 35.🧭 What does the back button usually do? (a) opens settings (b) closes all apps (c) goes to the last screen (d) deletes the page
- 36.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) captions on videos (d) icons with no labels
-
37.💾 What does this code show? (Positions start at 0.)
let notes = ["Art", "Science", "Sports", "Music", "Maths"];
show(notes[0]); (a) Music (b) Sports (c) Art (d) Science - 38.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
- 39.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
- 40.♿ A screen has 8 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
Answer key
- red on green
- True
- Done
- open the app
- 3 to 5
- 1
- 1
- undoes one move
- tab bar
- pick a dish
- list of items
- in the cloud
- Menu
- the back button
- track the order
- dead end
- black on pale grey
- Design A
- False
- a named box for a value
- True
- 3
- text that can grow
- filter buttons
- changes are quick
- shows the real fonts
- a simple screen sketch
- the phone is lost
- write a caption
- labels on every icon
- a menu button
- False
- goes to the last screen
- Score card
- goes to the last screen
- captions on videos
- Art
- tap “Sign up”
- False
- 7
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students