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.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Send button: 36 px tall
Cancel button: 52 px tall
Start button: 52 px tall - 2.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) a tab bar (c) the back button
-
3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ Save button ]
[ top bar ]
[ title text ]
[ list of items ]
[ big picture ] (a) title text (b) big picture (c) Save button (d) list of items - 4.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
- 5.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) dead end (d) home screen
-
6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Send button: 44 px tall
Cancel button: 64 px tall
Done button: 48 px tall - 7.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) chat messages to friends (d) a draft you are typing
-
8.💾 What does this code show? (Positions start at 0.)
let notes = ["Maths", "Hindi", "Science", "Music"];
show(notes[0]); (a) Science (b) Hindi (c) Maths (d) Music -
9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Cart → Pay
Design B: Home → Menu → Results → Address - 10.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
-
11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Footer: 16 px
Body text: 14 px
Caption: 19 px (a) Footer (b) Caption (c) Body text - 12.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) uses the final pictures (d) has no real colours
- 13.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
-
14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ Save button ]
[ menu icon ]
[ big picture ]
[ Add button ]
[ search box ] (a) big picture (b) Add button (c) search box (d) Save button - 15.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) open the app (b) type name and email
- 16.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 17.True or false: icons with no meaning is good button design. (a) False (b) True
-
18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 60 px tall
Send button: 48 px tall
Start button: 68 px tall
Save button: 44 px tall (a) Save (b) Start (c) Send (d) Back -
19.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ tab bar ]
[ filter buttons ]
[ search box ]
[ menu icon ]
[ list of items ] (a) search box (b) filter buttons (c) list of items (d) tab bar - 20.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
-
21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Profile tab
2. open “Help page”
3. tap Back
4. open “Score card”
5. tap Back
How many times must you tap Back to reach the main screen of this tab? - 22.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 23.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) notes to read offline (d) chat messages to friends
- 24.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 25.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) see the home screen (c) make a password (d) enter the code sent
- 26.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
-
27.🖼️ In this wireframe (top to bottom), what is right below the top bar?
[ menu icon ]
[ search box ]
[ tab bar ]
[ top bar ]
[ filter buttons ]
[ list of items ] (a) search box (b) list of items (c) filter buttons (d) menu icon -
28.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Back button: 56 px tall
Done button: 48 px tall
Help button: 60 px tall
Next button: 64 px tall -
29.🖼️ How many parts (boxes) does this wireframe have?
[ tab bar ]
[ menu icon ]
[ top bar ]
[ list of items ] - 30.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
-
31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Menu: 10 px
Caption: 12 px
Body text: 24 px
Footer: 17 px - 32.🔢 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
-
33.🖼️ How many parts (boxes) does this wireframe have?
[ list of items ]
[ tab bar ]
[ big picture ]
[ title text ] -
34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Address → Menu → Cart → Search → Item
Design B: Home → Pay → Results → Pens → Search - 35.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) post the photo (c) open the camera screen (d) take the photo
- 36.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) check the cart (d) pay for the order
- 37.Which of these fits saving in the cloud? (a) chat messages to friends (b) the sound on/off setting (c) a draft you are typing (d) notes to read offline
- 38.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) the button colours (d) how many taps it takes
- 39.🔘 Our rule: buttons are at least 48 px tall. The Send button is 32 px tall. How many px taller must it be?
- 40.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) open the menu (c) track the order (d) check the cart
Answer key
- 2
- a menu button
- big picture
- a wireframe
- dead end
- 2
- a draft you are typing
- Maths
- 2
- helps everyone
- Body text
- uses the final pictures
- good design
- search box
- open the app
- hard to read
- False
- Save
- list of items
- a clear next step
- 0
- on the phone
- notes to read offline
- easy to read
- make a password
- a named box for a value
- filter buttons
- 4
- 4
- 24
- 2
- tap “Sign up”
- 4
- 1
- open the camera screen
- check the cart
- chat messages to friends
- the button colours
- 16
- track the order
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students