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.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
-
2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Pens → Search → Results → Offers → Pay
Design B: Home → Menu → Results → Pens → Shop (a) Design B (b) Design A - 3.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) see the final score (b) tap “Start quiz”
- 4.True or false: a final design has the real colours. (a) True (b) False
-
5.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Menu → Item → Address → Cart → Confirm
Design B: Home → Pay → Cart → Size → Search → Menu → Results - 6.Which of these is true of a tab bar? (a) opens a list of pages (b) switches main sections (c) undoes one move (d) goes to the last screen
- 7.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
-
8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. open “Edit photo”
3. open “Map”
4. tap Back
Which screen are you on now? (a) Map (b) Lessons (c) Match report (d) Edit photo - 9.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) check the cart (d) pay for the order
-
10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Match report”
2. tap Back
3. open “Edit photo”
Which screen are you on now? (a) Edit photo (b) Search (c) Match report (d) Home - 11.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
- 12.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) pale pink on white (d) white on black
-
13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. tap the Settings tab
3. tap the Feed tab
Which screen are you on now? (a) Settings (b) Chat (c) Feed -
14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Video”
2. open “Map”
3. tap the Chat tab
How many times must you tap Back to reach the main screen of this tab? -
15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. open “Map”
3. open “Badges”
How many times must you tap Back to reach the main screen of this tab? - 16.Which of these makes the app harder to use? (a) captions on videos (b) labels on every icon (c) text that can grow (d) icons with no labels
- 17.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
- 18.True or false: a final design shows where things go. (a) False (b) True
-
19.🖼️ How many parts (boxes) does this wireframe have?
[ tab bar ]
[ title text ]
[ search box ]
[ top bar ]
[ menu icon ] - 20.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
-
21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Start button: 68 px tall
Back button: 36 px tall
Done button: 56 px tall (a) Done (b) Back (c) Start - 22.🔍 Which is the odd one out? (a) labels on every icon (b) fast-flashing lights (c) captions on videos (d) text that can grow
-
23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Badges”
2. open “Edit photo”
3. open “Map”
4. open “Friend list”
Which screen are you on now? (a) Badges (b) Edit photo (c) Map (d) Friend list - 24.Which of these makes the app harder to use? (a) text that can grow (b) colour as the only clue (c) big touch targets (d) captions on videos
- 25.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
-
26.💾 What does this code show? (Positions start at 0.)
let notes = ["Science", "Maths", "Sports", "Art"];
show(notes[1]); (a) Maths (b) Science (c) Sports (d) Art - 27.Which of these makes the app harder to use? (a) captions on videos (b) strong colour contrast (c) fast-flashing lights (d) labels on every icon
- 28.True or false: the screen layout is about UI (the look). (a) True (b) False
- 29.Which of these is about UX (the experience)? (a) the theme colours (b) the icon shapes (c) the button colours (d) how users feel after
- 30.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
- 31.💾 What is a variable? (a) a picture (b) a phone setting (c) a type of screen (d) a named box for a value
- 32.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) delete this (d) a closed app
-
33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ search box ]
[ tab bar ]
[ list of items ]
[ Add button ]
[ filter buttons ]
[ menu icon ] (a) menu icon (b) tab bar (c) Add button (d) filter buttons - 34.True or false: “sudden loud sounds” helps everyone use the app. (a) True (b) False
- 35.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) is a quick sketch (d) looks like the real app
- 36.Which of these is true of a menu button? (a) hides extra links (b) shows 3 to 5 icons (c) switches main sections (d) sits at the bottom
- 37.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) helps everyone (b) makes it harder
-
38.🖼️ How many parts (boxes) does this wireframe have?
[ Add button ]
[ top bar ]
[ Save button ]
[ search box ]
[ list of items ] -
39.💾 pop() takes off the last item. What does this code show?
let songs = ["Monsoon", "Kites", "Rain"];
songs.pop();
show(songs[songs.length - 1]); (a) Rain (b) Kites (c) Monsoon - 40.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) a draft you are typing (d) chat messages to friends
Answer key
- on the phone
- Design B
- tap “Start quiz”
- True
- 1
- switches main sections
- UX
- Edit photo
- open the menu
- Edit photo
- easy to read
- pale pink on white
- Feed
- 0
- 2
- icons with no labels
- the back button
- False
- 5
- a simple screen sketch
- Back
- fast-flashing lights
- Friend list
- colour as the only clue
- a menu button
- Maths
- fast-flashing lights
- True
- how users feel after
- goes to the last screen
- a named box for a value
- a picture goes here
- menu icon
- False
- is a quick sketch
- hides extra links
- makes it harder
- 5
- Kites
- chat messages to friends
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students