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.💾 pop() takes off the last item. What does this code show?
let songs = ["Stars", "Ocean", "Rain", "Sunrise", "Monsoon"];
songs.pop();
show(songs[songs.length - 1]); (a) Stars (b) Sunrise (c) Rain (d) Ocean - 2.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a text label (c) a bright colour (d) a sound
- 3.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
- 4.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
- 5.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) more colours (c) worse UX (d) a bigger app
- 6.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
- 7.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
- 8.🔘 Our rule: buttons are at least 48 px tall. The Back button is 24 px tall. How many px taller must it be?
- 9.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Results → Cart → Search → Confirm
Design B: Home → Shop → Results (a) Design B (b) Design A -
11.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Pens → Offers
Design B: Home → Pens → Offers → Item → Shop → Menu → Cart (a) Design A (b) Design B - 12.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
-
13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Pay → Item → Menu
Design B: Home → Item → Search → Menu → Size → Pens (a) Design A (b) Design B - 14.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) see the final score (c) tap “Start quiz” (d) pick an answer
- 15.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
-
16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ search box ]
[ tab bar ]
[ Save button ]
[ list of items ] (a) Save button (b) tab bar (c) list of items (d) search box - 17.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) open the camera screen (c) add a filter (d) write a caption
- 18.🧭 Which part of navigation switches main sections? (a) a tab bar (b) a menu button (c) the back button
- 19.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) sits at the bottom (d) hides extra links
- 20.Which of these makes the app harder to use? (a) labels on every icon (b) icons with no labels (c) captions on videos (d) text that can grow
- 21.🔢 In a food-order flow, what comes right after “pay for the order”? (a) check the cart (b) pick a dish (c) add it to the cart (d) track the order
- 22.True or false: a wireframe uses plain grey boxes. (a) True (b) False
- 23.True or false: the screen layout is about UI (the look). (a) False (b) True
-
24.🖼️ In this wireframe (top to bottom), what is right below the list of items?
[ list of items ]
[ Save button ]
[ search box ]
[ big picture ]
[ title text ]
[ top bar ] (a) search box (b) Save button (c) title text (d) top bar -
25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Map”
2. tap the Me tab
3. tap the Me tab
How many times must you tap Back to reach the main screen of this tab? -
26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Score card”
2. tap the Quiz tab
3. open “Edit photo”
Which screen are you on now? (a) Lessons (b) Score card (c) Quiz (d) Edit photo - 27.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) see the final score (c) read a question (d) pick an answer
-
28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Footer: 14 px
Body text: 20 px
Label: 28 px (a) Body text (b) Label (c) Footer - 29.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
- 30.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) is a quick sketch (d) uses the final pictures
-
31.💾 What number does this code show?
let points = 3;
points = points - 3;
points = points + 1;
show(points); -
32.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 28 px
Menu: 19 px
Title: 24 px
Hint: 9 px
Footer: 17 px (a) Title (b) Hint (c) Label (d) Menu - 33.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) an error (d) a picture goes here
- 34.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
-
35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Friend list”
2. open “Friend list”
3. tap Back
4. tap the Settings tab
5. tap the Feed tab
How many times must you tap Back to reach the main screen of this tab? - 36.🔍 Which is the odd one out? (a) fast-flashing lights (b) labels on every icon (c) strong colour contrast (d) captions on videos
-
37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 17 px
Caption: 11 px
Footer: 26 px
Body text: 24 px (a) Footer (b) Label (c) Caption (d) Body text -
38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. tap Back
3. tap the Quiz tab
Which screen are you on now? (a) Me (b) Quiz (c) Edit photo (d) Lessons -
39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Video”
2. tap the Profile tab
3. open “Edit photo”
4. open “Edit photo”
5. tap the Home tab
Which screen are you on now? (a) Edit photo (b) Video (c) Search (d) Home - 40.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
Answer key
- Sunrise
- a text label
- True
- False
- better UX
- UX
- shows 3 to 5 icons
- 24
- in the cloud
- Design B
- Design A
- a tab bar
- Design A
- pick an answer
- True
- list of items
- add a filter
- a tab bar
- hides extra links
- icons with no labels
- track the order
- True
- True
- Save button
- 0
- Edit photo
- see the final score
- Footer
- hard to read
- uses the final pictures
- 1
- Hint
- a picture goes here
- UX
- 0
- fast-flashing lights
- Caption
- Quiz
- Home
- False
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students