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 fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) a class leaderboard (d) the sound on/off setting
- 2.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) pick a dish (c) pay for the order (d) track the order
- 3.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
- 4.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) the button colours (d) how fast a task is done
- 5.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) text that can grow (d) strong colour contrast
- 6.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a charging cable (d) a type of password
-
7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ Add button ]
[ list of items ]
[ Save button ]
[ title text ]
[ filter buttons ]
[ tab bar ] (a) Save button (b) Add button (c) tab bar (d) filter buttons - 8.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
-
9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
[ big picture ]
[ Save button ]
[ menu icon ]
[ list of items ]
[ title text ]
[ top bar ] (a) big picture (b) menu icon (c) top bar (d) list of items -
10.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Hint: 26 px
Caption: 10 px
Label: 27 px
Footer: 25 px (a) Label (b) Hint (c) Footer (d) Caption - 11.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) tap “Start quiz” (c) pick an answer (d) read a question
- 12.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
- 13.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) check the cart (c) pick a dish (d) open the menu
-
14.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Title: 23 px
Footer: 14 px
Body text: 15 px
Menu: 14 px
Label: 16 px -
15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Pens → Shop
Design B: Home → Pay → Address → Confirm → Cart → Offers → Item -
16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Pens → Confirm
Design B: Home → Cart → Size → Pens → Pay → Search → Confirm (a) Design B (b) Design A - 17.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
- 18.True or false: a wireframe uses plain grey boxes. (a) False (b) True
- 19.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
-
20.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Title: 16 px
Footer: 13 px
Label: 10 px - 21.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
- 22.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) see the home screen (c) type name and email (d) enter the code sent
- 23.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
- 24.Which of these is about UI (the look)? (a) how many taps it takes (b) how users feel after (c) the button colours (d) how fast a task is done
-
25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 14 px
Footer: 16 px
Title: 24 px (a) Body text (b) Footer (c) Title - 26.Which of these is about UI (the look)? (a) how users feel after (b) the screen layout (c) whether users get lost (d) how fast a task is done
-
27.💾 What number does this code show?
let notes = ["Music", "Maths"];
notes.push("Sports");
show(notes.length); -
28.💾 pop() takes off the last item. What does this code show?
let friends = ["Riya", "Aman", "Meera"];
friends.pop();
show(friends[friends.length - 1]); (a) Riya (b) Aman (c) Meera -
29.💾 pop() takes off the last item. What does this code show?
let notes = ["Maths", "Hindi", "Art"];
notes.pop();
show(notes[notes.length - 1]); (a) Maths (b) Art (c) Hindi - 30.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
- 31.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
- 32.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) read a question (d) see if it is right
-
33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Edit photo”
2. tap Back
3. open “Match report”
Which screen are you on now? (a) Home (b) Match report (c) Search (d) Edit photo - 34.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
-
35.💾 pop() takes off the last item. What does this code show?
let notes = ["Science", "Art", "Maths", "Sports"];
notes.pop();
show(notes[notes.length - 1]); (a) Sports (b) Science (c) Maths (d) Art -
36.💾 What number does this code show?
let coins = 5;
coins = coins - 1;
coins = coins + 2;
show(coins); - 37.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
-
38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Score card”
2. tap the Lessons tab
3. tap the Me tab
4. tap the Me tab
5. open “Edit photo”
How many times must you tap Back to reach the main screen of this tab? - 39.Which of these is true of a menu button? (a) hides extra links (b) sits at the bottom (c) undoes one move (d) goes to the last screen
- 40.Which colour pair is hard to read? (a) white on black (b) black on yellow (c) red on green (d) white on dark green
Answer key
- the sound on/off setting
- open the menu
- open the app
- the button colours
- tiny tap areas
- a simple screen sketch
- tab bar
- on the phone
- top bar
- Caption
- see the final score
- a tab bar
- track the order
- 3
- 6
- Design A
- a wireframe
- True
- changes are quick
- 2
- easy to read
- see the home screen
- True
- the button colours
- Body text
- the screen layout
- 3
- Aman
- Hindi
- UX
- False
- read a question
- Match report
- poor design
- Maths
- 6
- No
- 1
- hides extra links
- red on green
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students