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.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) track the order (c) pay for the order (d) open the menu
- 2.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a clear next step (d) a random page
- 3.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) pencil and paper (d) a phone case
- 4.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) post the photo (c) add a filter (d) write a caption
-
5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. open “Edit photo”
3. tap the Quiz tab
4. tap the Quiz tab
5. tap the Quiz tab
Which screen are you on now? (a) Lessons (b) Edit photo (c) Quiz (d) Me - 6.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
- 7.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 8.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
-
9.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ Add button ]
[ top bar ]
[ big picture ]
[ search box ]
[ Save button ] (a) search box (b) Save button (c) big picture (d) top bar -
10.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
[ tab bar ]
[ menu icon ]
[ list of items ]
[ big picture ]
[ title text ] (a) tab bar (b) title text (c) big picture (d) list of items -
11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 56 px tall
Next button: 48 px tall
Start button: 24 px tall (a) Done (b) Start (c) Next -
12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Video”
2. tap the Feed tab
3. tap the Chat tab
4. open “Friend list”
How many times must you tap Back to reach the main screen of this tab? - 13.🔍 Which is the odd one out? (a) how many taps it takes (b) how fast a task is done (c) how easy sign-up is (d) the theme colours
- 14.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) nobody (d) the app icon
- 15.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
-
16.🖼️ In this wireframe (top to bottom), what is right below the list of items?
[ menu icon ]
[ big picture ]
[ list of items ]
[ filter buttons ] (a) big picture (b) menu icon (c) filter buttons - 17.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) good UX but poor UI (d) perfect UX
- 18.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) shows 3 to 5 icons (d) opens a list of pages
- 19.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) opens a list of pages (d) switches main sections
-
20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Match report”
2. open “Video”
3. open “Badges”
4. open “Match report”
How many times must you tap Back to reach the main screen of this tab? -
21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Start button: 52 px tall
Cancel button: 36 px tall
Save button: 72 px tall (a) Save (b) Cancel (c) Start - 22.Which of these is true of the back button? (a) sits at the bottom (b) switches main sections (c) shows 3 to 5 icons (d) undoes one move
-
23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Friend list”
2. open “Edit photo”
3. tap the Settings tab
4. open “Friend list”
Which screen are you on now? (a) Edit photo (b) Chat (c) Feed (d) Friend list - 24.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
-
25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Send button: 60 px tall
Done button: 64 px tall
Next button: 52 px tall - 26.True or false: a final design is a quick sketch. (a) False (b) True
- 27.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) makes text tiny (d) plays music
-
28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 32 px tall
Start button: 52 px tall
Save button: 60 px tall (a) Start (b) Save (c) Send -
29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. open “Badges”
3. tap the Me tab
4. tap the Quiz tab
5. open “Match report”
How many times must you tap Back to reach the main screen of this tab? - 30.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 10 (d) 1
- 31.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
- 32.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
- 33.🎨 UI stands for user ___. (a) idea (b) input (c) interface (d) internet
- 34.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
- 35.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
- 36.True or false: the screen layout is about UI (the look). (a) False (b) True
-
37.🖼️ In this wireframe (top to bottom), what is right below the top bar?
[ top bar ]
[ search box ]
[ menu icon ]
[ Save button ]
[ tab bar ] (a) Save button (b) menu icon (c) search box (d) tab bar - 38.True or false: a wireframe has the real colours. (a) False (b) True
- 39.🔍 Which is the odd one out? (a) text that can grow (b) tiny tap areas (c) fast-flashing lights (d) colour as the only clue
- 40.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
Answer key
- check the cart
- a clear next step
- pencil and paper
- add a filter
- Quiz
- the path through screens
- on the phone
- good design
- top bar
- list of items
- Start
- 1
- the theme colours
- real users
- a wireframe
- filter buttons
- good UI but poor UX
- opens a list of pages
- switches main sections
- 4
- Cancel
- undoes one move
- Friend list
- False
- 3
- False
- reads the screen aloud
- Send
- 1
- 0
- helps everyone
- makes it harder
- interface
- helps everyone
- dead end
- True
- search box
- False
- text that can grow
- pick a dish
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students