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: has the real colours? (a) a wireframe (b) a final design
- 2.✏️ Why draw a wireframe before coding? (a) it saves data (b) it runs the app (c) changes are quick (d) it adds colours
- 3.🔢 In a sign-up flow, what comes right after “open the app”? (a) enter the code sent (b) tap “Sign up” (c) type name and email (d) see the home screen
- 4.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) shows the real fonts (d) shows where things go
-
5.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Map”
2. tap Back
3. open “Score card”
Which screen are you on now? (a) Search (b) Map (c) Home (d) Score card -
6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Search tab
2. tap the Search tab
3. open “Edit photo”
4. open “Badges”
5. open “Help page”
Which screen are you on now? (a) Badges (b) Home (c) Help page (d) Edit photo - 7.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) make a password (c) open the app (d) enter the code sent
- 8.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) a tab bar (c) the back button
-
9.💾 What does this code show? (Positions start at 0.)
let notes = ["Maths", "Art", "Music", "Hindi"];
show(notes[1]); (a) Music (b) Maths (c) Art (d) Hindi - 10.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see the final score (c) read a question (d) see if it is right
- 11.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
- 12.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) inside a button (c) nowhere (d) in the middle
- 13.Which of these is true of a menu button? (a) sits at the bottom (b) opens a list of pages (c) undoes one move (d) goes to the last screen
- 14.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) take the photo (c) write a caption (d) post the photo
-
15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Match report”
2. tap Back
3. open “Match report”
4. tap the Home tab
How many times must you tap Back to reach the main screen of this tab? - 16.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
-
17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Start button: 56 px tall
Back button: 60 px tall
Done button: 28 px tall
Send button: 52 px tall (a) Start (b) Send (c) Back (d) Done - 18.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) tap “Start quiz” (c) see the final score (d) pick an answer
- 19.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
-
20.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 72 px tall
Start button: 36 px tall
Save button: 48 px tall (a) Start (b) Done (c) Save - 21.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) add a filter (c) write a caption (d) open the camera screen
- 22.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) post the photo (d) write a caption
- 23.💾 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
- 24.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
- 25.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
- 26.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) looks like the real app (d) uses plain grey boxes
- 27.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
- 28.Which colour pair is easy to read? (a) dark blue on black (b) red on green (c) pale pink on white (d) black on pale grey
-
29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Cancel button: 72 px tall
Start button: 72 px tall
Next button: 36 px tall
Send button: 72 px tall (a) Start (b) Send (c) Cancel (d) Next - 30.True or false: the icon shapes is about UX (the experience). (a) True (b) False
- 31.🔍 Which is the odd one out? (a) strong colour contrast (b) big touch targets (c) labels on every icon (d) icons with no labels
- 32.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) notes to read offline (d) a shared to-do list
- 33.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) tap “Start quiz” (c) see if it is right (d) pick an answer
-
34.🖼️ In this wireframe (top to bottom), what is right above the title text?
[ tab bar ]
[ filter buttons ]
[ Add button ]
[ title text ]
[ top bar ] (a) tab bar (b) top bar (c) filter buttons (d) Add button -
35.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 26 px
Caption: 24 px
Body text: 24 px
Title: 14 px (a) Label (b) Title (c) Caption (d) Body text -
36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Friend list”
2. tap Back
3. open “Help page”
How many times must you tap Back to reach the main screen of this tab? - 37.True or false: your last game level fits saving on the phone. (a) True (b) False
- 38.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 39.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a shared to-do list (d) your last game level
- 40.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) see if it is right (b) tap “Start quiz”
Answer key
- a final design
- changes are quick
- tap “Sign up”
- shows where things go
- Score card
- Help page
- make a password
- a tab bar
- Art
- read a question
- poor design
- at the bottom
- opens a list of pages
- take the photo
- 0
- 5
- Done
- tap “Start quiz”
- a final design
- Start
- open the camera screen
- post the photo
- in the cloud
- a simple screen sketch
- UI
- looks like the real app
- helps everyone
- black on pale grey
- Next
- False
- icons with no labels
- notes to read offline
- pick an answer
- Add button
- Title
- 1
- True
- on the phone
- your last game level
- tap “Start quiz”
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students