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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. open “Match report”
3. tap Back
4. open “Score card”
How many times must you tap Back to reach the main screen of this tab? - 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. The Start button is 36 px tall. How many px taller must it be?
- 4.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) better UX (d) worse UX
- 5.True or false: the screen layout is about UX (the experience). (a) True (b) False
-
6.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Start button: 56 px tall
Next button: 60 px tall
Help button: 24 px tall (a) Start (b) Help (c) Next -
7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Save button: 40 px tall
Help button: 56 px tall
Send button: 48 px tall
Start button: 68 px tall (a) Send (b) Save (c) Help (d) Start -
8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. open “Badges”
3. tap the Chat tab
4. tap the Settings tab
How many times must you tap Back to reach the main screen of this tab? - 9.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
- 10.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 11.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) photos on two devices (d) a shared to-do list
- 12.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) the theme colours (d) how easy sign-up is
- 13.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a simple screen sketch (d) a charging cable
-
14.🖼️ In this wireframe (top to bottom), what is right above the list of items?
[ filter buttons ]
[ list of items ]
[ big picture ]
[ Add button ] (a) Add button (b) big picture (c) filter buttons - 15.Which of these fits saving on the phone? (a) the sound on/off setting (b) chat messages to friends (c) a shared to-do list (d) photos on two devices
- 16.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 20 (c) 1 (d) 10 to 12
- 17.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to add colour (d) to slow them down
- 18.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) photos on two devices (d) notes to read offline
- 19.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
-
20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Badges”
2. open “Help page”
3. open “Edit photo”
4. tap Back
How many times must you tap Back to reach the main screen of this tab? - 21.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see the final score (b) see if it is right
-
22.💾 What number does this code show?
let score = 8;
score = score - 6;
score = score + 4;
show(score); - 23.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) no UI at all (c) good UX but poor UI (d) good UI but poor UX
- 24.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Save button: 64 px tall
Start button: 64 px tall
Help button: 36 px tall -
26.🖼️ In this wireframe (top to bottom), what is right below the title text?
[ title text ]
[ Save button ]
[ search box ]
[ tab bar ]
[ list of items ]
[ menu icon ] (a) list of items (b) search box (c) Save button (d) tab bar -
27.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
[ tab bar ]
[ Save button ]
[ search box ]
[ menu icon ] (a) menu icon (b) search box (c) Save button -
28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ list of items ]
[ Add button ]
[ big picture ]
[ menu icon ] (a) big picture (b) menu icon (c) list of items (d) Add button -
29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Match report”
2. tap the Chat tab
3. open “Match report”
Which screen are you on now? (a) Chat (b) Match report (c) Settings (d) Feed - 30.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
- 31.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
- 32.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) read a question (c) see if it is right (d) see the final score
- 33.Which of these is about UX (the experience)? (a) the icon shapes (b) whether users get lost (c) the theme colours (d) the screen layout
-
34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Start button: 64 px tall
Help button: 60 px tall
Save button: 32 px tall (a) Save (b) Start (c) Help -
35.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ top bar ]
[ menu icon ]
[ filter buttons ]
[ list of items ]
[ Add button ] (a) top bar (b) Add button (c) filter buttons (d) list of items - 36.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) pay for the order (c) add it to the cart (d) track the order
- 37.Which colour pair is hard to read? (a) pale pink on white (b) white on dark green (c) dark blue on white (d) black on yellow
- 38.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
- 39.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
- 40.Which of these is about UX (the experience)? (a) the icon shapes (b) how many taps it takes (c) the font size (d) the button colours
Answer key
- 2
- True
- 12
- better UX
- False
- Help
- Save
- 0
- helps everyone
- hard to read
- a draft you are typing
- the theme colours
- a simple screen sketch
- filter buttons
- the sound on/off setting
- 3 to 5
- so anyone can follow
- photos on two devices
- True
- 2
- see if it is right
- 6
- good UI but poor UX
- in the cloud
- 2
- Save button
- Save button
- menu icon
- Match report
- easy to read
- helps everyone
- see the final score
- whether users get lost
- Save
- Add button
- pay for the order
- pale pink on white
- True
- poor design
- how many taps it takes
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students