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.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
-
2.🖼️ How many parts (boxes) does this wireframe have?
[ filter buttons ]
[ big picture ]
[ list of items ]
[ top bar ]
[ menu icon ]
[ Add button ] - 3.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
-
4.💾 pop() takes off the last item. What does this code show?
let friends = ["Riya", "Zoya", "Aman", "Kabir"];
friends.pop();
show(friends[friends.length - 1]); (a) Riya (b) Zoya (c) Kabir (d) Aman -
5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Video”
2. tap the Quiz tab
3. open “Map”
How many times must you tap Back to reach the main screen of this tab? - 6.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) enter the code sent (b) open the app
- 7.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 8.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
-
9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Quiz tab
2. open “Match report”
3. open “Edit photo”
Which screen are you on now? (a) Match report (b) Lessons (c) Edit photo (d) Quiz -
10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Help page”
2. open “Video”
3. open “Edit photo”
4. open “Score card”
5. open “Help page”
How many times must you tap Back to reach the main screen of this tab? - 11.True or false: icons with no meaning is good button design. (a) True (b) False
- 12.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
-
13.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Match report”
2. tap Back
3. open “Video”
Which screen are you on now? (a) Match report (b) Search (c) Home (d) Video -
14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Menu: 11 px
Footer: 21 px
Caption: 24 px
Body text: 16 px
Hint: 26 px (a) Body text (b) Caption (c) Menu (d) Footer - 15.🎨 UX stands for user ___. (a) experience (b) extra (c) express (d) example
- 16.True or false: your last game level fits saving on the phone. (a) False (b) True
-
17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Footer: 10 px
Title: 17 px
Hint: 28 px
Caption: 26 px (a) Caption (b) Title (c) Footer (d) Hint - 18.🔢 In a sign-up flow, which comes first: “open the app” or “type name and email”? (a) type name and email (b) open the app
-
19.💾 pop() takes off the last item. What does this code show?
let notes = ["Hindi", "Science", "Maths", "Sports", "Art"];
notes.pop();
show(notes[notes.length - 1]); (a) Maths (b) Sports (c) Science (d) Hindi -
20.💾 What does this code show? (Positions start at 0.)
let notes = ["Sports", "Art", "Hindi"];
show(notes[0]); (a) Art (b) Hindi (c) Sports -
21.💾 What does this code show? (Positions start at 0.)
let notes = ["Sports", "Art", "Music", "Science", "Maths"];
show(notes[0]); (a) Music (b) Art (c) Science (d) Sports - 22.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
- 23.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
- 24.True or false: strong colour contrast is good button design. (a) False (b) True
- 25.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
- 26.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
- 27.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) good UI but poor UX (d) no UI at all
-
28.🖼️ How many parts (boxes) does this wireframe have?
[ filter buttons ]
[ search box ]
[ tab bar ]
[ list of items ]
[ Add button ] - 29.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the phone settings (c) a random page (d) the last app used
- 30.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see if it is right”? (a) see if it is right (b) pick an answer
-
31.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Offers → Menu → Shop
Design B: Home → Pay → Search → Results → Offers → Menu - 32.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) the app is closed (c) you send a message (d) the screen turns off
-
33.💾 What number does this code show?
let notes = ["Science", "Sports"];
notes.push("Maths");
notes.push("Music");
show(notes.length); - 34.🔢 In a sign-up flow, what comes right after “open the app”? (a) see the home screen (b) enter the code sent (c) make a password (d) tap “Sign up”
- 35.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
- 36.Which colour pair is hard to read? (a) white on dark green (b) light grey on white (c) dark blue on white (d) black on pale grey
-
37.💾 What does this code show? (Positions start at 0.)
let notes = ["Music", "Hindi", "Sports", "Art", "Science"];
show(notes[0]); (a) Hindi (b) Art (c) Music (d) Sports - 38.Which of these fits saving on the phone? (a) photos on two devices (b) a draft you are typing (c) a shared to-do list (d) a class leaderboard
- 39.💾 Which can hold many values in order? (a) a switch (b) a list (c) a button (d) a single number
- 40.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
Answer key
- a wireframe
- 6
- good design
- Aman
- 1
- open the app
- on the phone
- makes it harder
- Edit photo
- 5
- False
- helps everyone
- Video
- Menu
- experience
- True
- Footer
- open the app
- Sports
- Sports
- Sports
- easy to read
- makes it harder
- True
- UX
- a clear next step
- good UI but poor UX
- 5
- that tab’s main screen
- pick an answer
- 2
- the phone is lost
- 4
- tap “Sign up”
- 1
- light grey on white
- Music
- a draft you are typing
- a list
- a tab bar
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students