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.True or false: a wireframe has the real colours. (a) False (b) True
- 2.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
-
3.🖼️ How many parts (boxes) does this wireframe have?
[ search box ]
[ big picture ]
[ Save button ]
[ list of items ]
[ Add button ] - 4.Which of these fits saving in the cloud? (a) a draft you are typing (b) chat messages to friends (c) the sound on/off setting (d) notes to read offline
- 5.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
-
6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Footer: 10 px
Hint: 22 px
Label: 22 px
Caption: 16 px (a) Label (b) Caption (c) Hint (d) Footer - 7.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
-
8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Pens → Shop → Pay → Confirm
Design B: Home → Pens → Item - 9.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) worse UX (c) a bigger app (d) more colours
-
10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Match report”
2. open “Video”
3. tap the Quiz tab
How many times must you tap Back to reach the main screen of this tab? - 11.🔢 In a food-order flow, which comes first: “open the menu” or “track the order”? (a) track the order (b) open the menu
- 12.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) make a password (c) see the home screen (d) enter the code sent
- 13.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) has the real colours (d) shows where things go
- 14.🔢 In a food-order flow, what comes right after “open the menu”? (a) add it to the cart (b) check the cart (c) pick a dish (d) track the order
-
15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Title: 12 px
Hint: 22 px
Footer: 27 px (a) Footer (b) Hint (c) Title - 16.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) type name and email (c) tap “Sign up” (d) see the home screen
-
17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. tap Back
3. open “Video”
How many times must you tap Back to reach the main screen of this tab? -
18.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Pay → Pens → Size → Confirm → Menu → Cart
Design B: Home → Address → Shop -
19.💾 pop() takes off the last item. What does this code show?
let friends = ["Kabir", "Aman", "Arjun"];
friends.pop();
show(friends[friends.length - 1]); (a) Arjun (b) Aman (c) Kabir - 20.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) post the photo (c) add a filter (d) take the photo
-
21.💾 pop() takes off the last item. What does this code show?
let songs = ["Sunrise", "Stars", "Kites"];
songs.pop();
show(songs[songs.length - 1]); (a) Kites (b) Stars (c) Sunrise - 22.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) track the order (c) open the menu (d) pick a dish
- 23.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
- 24.Which of these is about UI (the look)? (a) the button colours (b) how easy sign-up is (c) how many taps it takes (d) whether users get lost
- 25.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 26.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
-
27.💾 What number does this code show?
let lives = 3;
lives = lives - 3;
lives = lives + 4;
show(lives); - 28.Which of these is true of the back button? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) switches main sections
-
29.🖼️ In this wireframe (top to bottom), what is right above the search box?
[ Add button ]
[ filter buttons ]
[ top bar ]
[ list of items ]
[ title text ]
[ search box ] (a) list of items (b) title text (c) Add button (d) filter buttons -
30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Edit photo”
2. tap Back
3. open “Friend list”
How many times must you tap Back to reach the main screen of this tab? -
31.💾 pop() takes off the last item. What does this code show?
let notes = ["Art", "Maths", "Hindi"];
notes.pop();
show(notes[notes.length - 1]); (a) Art (b) Hindi (c) Maths - 32.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) white on dark green (d) yellow on white
- 33.Which colour pair is easy to read? (a) dark blue on black (b) pale pink on white (c) black on pale grey (d) yellow on white
- 34.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
- 35.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
-
36.💾 pop() takes off the last item. What does this code show?
let notes = ["Hindi", "Art", "Maths", "Science"];
notes.pop();
show(notes[notes.length - 1]); (a) Hindi (b) Science (c) Maths (d) Art -
37.💾 pop() takes off the last item. What does this code show?
let notes = ["Maths", "Art", "Sports", "Music", "Hindi"];
notes.pop();
show(notes[notes.length - 1]); (a) Sports (b) Art (c) Maths (d) Music - 38.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) take the photo (c) open the camera screen (d) add a filter
- 39.True or false: a tiny 20 px button is good button design. (a) True (b) False
- 40.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) no UI at all (d) good UI but poor UX
Answer key
- False
- a menu button
- 5
- chat messages to friends
- False
- Footer
- a final design
- 2
- better UX
- 0
- open the menu
- see the home screen
- has the real colours
- pick a dish
- Title
- enter the code sent
- 1
- 4
- Aman
- post the photo
- Stars
- open the menu
- dead end
- the button colours
- on the phone
- on the phone
- 4
- goes to the last screen
- title text
- 1
- Maths
- yellow on white
- black on pale grey
- a menu button
- poor design
- Maths
- Music
- open the camera screen
- False
- good UI but poor UX
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students