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 of these is true of the back button? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) hides extra links
- 2.Which of these is about UX (the experience)? (a) whether users get lost (b) the theme colours (c) the button colours (d) the icon shapes
-
3.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 28 px
Footer: 19 px
Label: 16 px
Caption: 10 px
Menu: 18 px (a) Label (b) Caption (c) Footer (d) Body text - 4.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
- 5.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) a type of font (d) the path through screens
- 6.Which colour pair is hard to read? (a) black on yellow (b) red on green (c) black on pale grey (d) white on black
- 7.True or false: whether users get lost is about UX (the experience). (a) False (b) True
-
8.🖼️ In this wireframe (top to bottom), what is right above the search box?
[ filter buttons ]
[ Add button ]
[ menu icon ]
[ search box ] (a) menu icon (b) filter buttons (c) Add button - 9.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) it saves data (d) changes are quick
-
10.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Shop → Pay
Design B: Home → Search → Pay → Size -
11.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Pens → Results → Shop → Search
Design B: Home → Pay → Item → Pens → Address → Results → Menu - 12.🔍 Which is the odd one out? (a) strong colour contrast (b) captions on videos (c) text that can grow (d) colour as the only clue
- 13.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) shows the real fonts (d) has no real colours
- 14.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a random page (d) a clear next step
- 15.True or false: the button colours is about UI (the look). (a) True (b) False
- 16.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
-
17.🖼️ In this wireframe (top to bottom), what is right above the big picture?
[ search box ]
[ tab bar ]
[ menu icon ]
[ big picture ] (a) search box (b) tab bar (c) menu icon - 18.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
- 19.🔍 Which is the odd one out? (a) the theme colours (b) whether users get lost (c) the icon shapes (d) the screen layout
-
20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Confirm → Offers → Item → Shop
Design B: Home → Pens → Menu → Offers → Results → Search → Size -
21.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Offers → Address → Results → Menu → Shop → Pens
Design B: Home → Size → Shop → Offers → Menu → Address - 22.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
- 23.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) check the cart (c) pick a dish (d) pay for the order
- 24.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
- 25.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
-
26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Cancel button: 40 px tall
Done button: 40 px tall
Start button: 36 px tall - 27.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) track the order (c) pick a dish (d) check the cart
-
28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Confirm → Item → Size → Shop → Pens → Search
Design B: Home → Shop → Menu (a) Design B (b) Design A - 29.Which of these is about UI (the look)? (a) the font size (b) how easy sign-up is (c) how fast a task is done (d) whether users get lost
- 30.True or false: space between buttons is good button design. (a) True (b) False
-
31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Title: 12 px
Footer: 22 px
Label: 18 px
Caption: 21 px
Menu: 17 px - 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) that tab’s main screen (d) a random page
- 33.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) add a filter (c) open the camera screen (d) take the photo
- 34.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
- 35.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
- 36.Which of these is about UI (the look)? (a) whether users get lost (b) how many taps it takes (c) how fast a task is done (d) the theme colours
- 37.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) make a password (c) enter the code sent (d) open the app
- 38.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
-
39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Search → Pens
Design B: Home → Pens → Offers → Address → Size → Shop -
40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 52 px tall
Start button: 28 px tall
Send button: 56 px tall (a) Back (b) Start (c) Send
Answer key
- goes to the last screen
- whether users get lost
- Caption
- UI
- the path through screens
- red on green
- True
- menu icon
- changes are quick
- 3
- 4
- colour as the only clue
- shows the real fonts
- a clear next step
- True
- good design
- menu icon
- the back button
- whether users get lost
- 6
- 1
- a tab bar
- open the menu
- so each step is clear
- easy to read
- 0
- pick a dish
- Design B
- the font size
- True
- 1
- that tab’s main screen
- open the camera screen
- read a question
- a named box for a value
- the theme colours
- see the home screen
- UX
- 3
- Start
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students