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 a final design? (a) uses plain grey boxes (b) shows where things go (c) has no real colours (d) uses the final pictures
- 2.Which of these is true of a final design? (a) shows the real fonts (b) shows where things go (c) has no real colours (d) is a quick sketch
- 3.🔢 In a food-order flow, which comes first: “pay for the order” or “add it to the cart”? (a) add it to the cart (b) pay for the order
-
4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. open “Match report”
3. open “Help page”
4. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 5.True or false: buttons almost touching is poor button design. (a) True (b) False
- 6.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
- 7.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
- 8.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
- 9.True or false: “colour as the only clue” helps everyone use the app. (a) False (b) True
- 10.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
- 11.True or false: a wireframe shows where things go. (a) False (b) True
- 12.💾 Which can hold many values in order? (a) a button (b) a list (c) a single number (d) a switch
- 13.Which of these is true of a menu button? (a) sits at the bottom (b) switches main sections (c) opens a list of pages (d) shows 3 to 5 icons
- 14.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
-
15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. open “Help page”
3. tap Back
How many times must you tap Back to reach the main screen of this tab? -
16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 18 px
Label: 13 px
Title: 25 px
Footer: 18 px
Menu: 23 px (a) Title (b) Label (c) Footer (d) Body text - 17.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 18.🎨 UI stands for user ___. (a) input (b) internet (c) idea (d) interface
-
19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. tap the Quiz tab
3. open “Badges”
How many times must you tap Back to reach the main screen of this tab? - 20.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) tap “Start quiz” (c) read a question (d) see the final score
- 21.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see the final score (c) read a question (d) see if it is right
- 22.🔍 Which is the odd one out? (a) the font size (b) the icon shapes (c) how users feel after (d) the screen layout
- 23.🔍 Which is the odd one out? (a) colour as the only clue (b) icons with no labels (c) captions on videos (d) tiny tap areas
- 24.🔘 Our rule: buttons are at least 48 px tall. The Next button is 36 px tall. How many px taller must it be?
- 25.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
- 26.🔍 Which is the odd one out? (a) the theme colours (b) the font size (c) how easy sign-up is (d) the screen layout
- 27.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
- 28.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
-
29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Help button: 36 px tall
Done button: 64 px tall
Send button: 56 px tall (a) Done (b) Send (c) Help - 30.Which of these makes the app harder to use? (a) fast-flashing lights (b) big touch targets (c) text that can grow (d) captions on videos
- 31.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
- 32.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
- 33.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) add a filter (b) open the camera screen
- 34.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
-
35.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ tab bar ]
[ list of items ]
[ menu icon ]
[ title text ]
[ search box ]
[ Add button ] (a) menu icon (b) search box (c) list of items (d) Add button - 36.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
-
37.🖼️ How many parts (boxes) does this wireframe have?
[ filter buttons ]
[ top bar ]
[ title text ]
[ menu icon ]
[ search box ] - 38.True or false: how many taps it takes is about UI (the look). (a) False (b) True
-
39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Item → Pay → Shop → Confirm
Design B: Home → Confirm → Pay → Pens → Shop → Address - 40.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
Answer key
- uses the final pictures
- shows the real fonts
- add it to the cart
- 0
- True
- hard to read
- helps everyone
- so users do not get lost
- False
- True
- True
- a list
- opens a list of pages
- False
- 0
- Label
- on the phone
- interface
- 1
- see the final score
- see if it is right
- how users feel after
- captions on videos
- 12
- True
- how easy sign-up is
- open the camera screen
- True
- Help
- fast-flashing lights
- poor design
- changes are quick
- open the camera screen
- No
- Add button
- UI
- 5
- False
- 1
- easy to read
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students