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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Search → Item → Pens → Cart → Menu
Design B: Home → Address → Offers → Cart → Pay (a) Design A (b) Design B - 2.Which of these is true of a final design? (a) uses the final pictures (b) has no real colours (c) uses plain grey boxes (d) shows where things go
-
3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. open “Match report”
3. open “Map”
Which screen are you on now? (a) Search (b) Home (c) Map (d) Match report - 4.True or false: the screen layout is about UI (the look). (a) False (b) True
-
5.🖼️ In this wireframe (top to bottom), what is right above the Save button?
[ menu icon ]
[ big picture ]
[ tab bar ]
[ Save button ]
[ top bar ] (a) big picture (b) tab bar (c) menu icon (d) top bar - 6.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) photos on two devices (d) a draft you are typing
- 7.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
-
8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Video”
2. tap Back
3. open “Map”
How many times must you tap Back to reach the main screen of this tab? -
9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. open “Badges”
3. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 10.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) a menu button (c) the back button
- 11.Which of these is about UX (the experience)? (a) the screen layout (b) how users feel after (c) the button colours (d) the icon shapes
- 12.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) enter the code sent (b) open the app
- 13.✏️ Why draw a wireframe before coding? (a) it saves data (b) it runs the app (c) it adds colours (d) changes are quick
- 14.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
- 15.🔍 Which is the odd one out? (a) colour as the only clue (b) icons with no labels (c) sudden loud sounds (d) labels on every icon
- 16.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) the screen layout (d) the theme colours
- 17.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
- 18.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) add a filter (d) take the photo
-
19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 60 px tall
Next button: 28 px tall
Help button: 60 px tall (a) Send (b) Help (c) Next - 20.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) sudden loud sounds (d) captions on videos
-
21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Back button: 32 px tall
Start button: 44 px tall
Next button: 64 px tall
Save button: 36 px tall - 22.Which colour pair is hard to read? (a) yellow on white (b) dark blue on white (c) white on dark green (d) black on pale grey
-
23.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Pay → Address → Results → Search → Pens → Shop
Design B: Home → Item → Search - 24.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
- 25.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) write a caption (c) add a filter (d) post the photo
-
26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Item → Pens → Confirm → Address
Design B: Home → Search → Cart → Menu → Results → Size → Shop - 27.Which of these is true of the back button? (a) switches main sections (b) shows 3 to 5 icons (c) hides extra links (d) goes to the last screen
-
28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ list of items ]
[ Save button ]
[ search box ]
[ top bar ] (a) Save button (b) search box (c) top bar (d) list of items - 29.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a class leaderboard (d) notes to read offline
- 30.True or false: grey text on grey is good button design. (a) True (b) False
- 31.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 32.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) perfect UX (c) good UX but poor UI (d) good UI but poor UX
- 33.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
- 34.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) the icon shapes (d) whether users get lost
- 35.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
-
36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Item → Confirm
Design B: Home → Item → Address → Search → Pens (a) Design A (b) Design B - 37.🔍 Which is the odd one out? (a) tiny tap areas (b) strong colour contrast (c) captions on videos (d) big touch targets
-
38.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Cart → Shop → Confirm → Item
Design B: Home → Shop → Confirm → Cart → Pens → Address - 39.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) open the menu (b) pick a dish
-
40.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Pens → Shop → Cart
Design B: Home → Pens → Confirm → Menu → Offers
Answer key
- Design B
- uses the final pictures
- Map
- True
- tab bar
- a draft you are typing
- False
- 1
- 0
- a menu button
- how users feel after
- open the app
- changes are quick
- poor design
- labels on every icon
- how easy sign-up is
- a menu button
- open the camera screen
- Next
- captions on videos
- 1
- yellow on white
- 4
- helps everyone
- take the photo
- 2
- goes to the last screen
- top bar
- notes to read offline
- False
- in the cloud
- good UI but poor UX
- 4
- the icon shapes
- good design
- Design A
- tiny tap areas
- 1
- open the menu
- 1
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students