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 part of navigation goes to the last screen? (a) the back button (b) a menu button (c) a tab bar
- 2.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) open the menu (b) add it to the cart
- 3.Which of these is true of a menu button? (a) goes to the last screen (b) opens a list of pages (c) switches main sections (d) sits at the bottom
- 4.True or false: the theme colours is about UX (the experience). (a) True (b) False
- 5.True or false: your last game level fits saving in the cloud. (a) False (b) True
-
6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Body text: 27 px
Label: 12 px
Menu: 24 px
Caption: 27 px (a) Body text (b) Caption (c) Label (d) Menu - 7.🔍 Which is the odd one out? (a) how easy sign-up is (b) the screen layout (c) the icon shapes (d) the theme colours
- 8.🔍 Which is the odd one out? (a) colour as the only clue (b) captions on videos (c) sudden loud sounds (d) tiny tap areas
- 9.True or false: how fast a task is done is about UI (the look). (a) True (b) False
- 10.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) check the cart (c) add it to the cart (d) open the menu
- 11.True or false: a final design uses the final pictures. (a) True (b) False
- 12.Which of these fits saving on the phone? (a) a shared to-do list (b) photos on two devices (c) your last game level (d) a class leaderboard
- 13.♿ A screen has 9 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
-
14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Score card”
2. tap Back
3. open “Map”
4. tap Back
Which screen are you on now? (a) Score card (b) Quiz (c) Lessons (d) Map -
15.💾 What number does this code show?
let stars = 5;
stars = stars - 5;
stars = stars + 1;
show(stars); - 16.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
-
17.💾 pop() takes off the last item. What does this code show?
let notes = ["Sports", "Art", "Music", "Hindi"];
notes.pop();
show(notes[notes.length - 1]); (a) Music (b) Art (c) Hindi (d) Sports - 18.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) at the bottom (d) in the middle
- 19.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
- 20.🎨 UI stands for user ___. (a) internet (b) input (c) idea (d) interface
- 21.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
- 22.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) uses plain grey boxes (d) has the real colours
- 23.True or false: a wireframe shows the real fonts. (a) True (b) False
-
24.🖼️ In this wireframe (top to bottom), what is right below the top bar?
[ search box ]
[ title text ]
[ top bar ]
[ Add button ] (a) search box (b) Add button (c) title text -
25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Edit photo”
2. open “Help page”
3. tap Back
4. open “Video”
Which screen are you on now? (a) Feed (b) Help page (c) Video (d) Edit photo - 26.💾 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
-
27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. tap Back
3. open “Match report”
Which screen are you on now? (a) Map (b) Match report (c) Feed (d) Chat - 28.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
- 29.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
- 30.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 31.True or false: a wireframe uses plain grey boxes. (a) False (b) True
-
32.🖼️ In this wireframe (top to bottom), what is right below the Add button?
[ tab bar ]
[ big picture ]
[ Add button ]
[ top bar ]
[ list of items ] (a) big picture (b) tab bar (c) list of items (d) top bar - 33.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
- 34.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
- 35.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
- 36.Which colour pair is easy to read? (a) black on yellow (b) dark blue on black (c) yellow on white (d) pale pink on white
-
37.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
[ list of items ]
[ menu icon ]
[ tab bar ]
[ big picture ]
[ search box ] (a) big picture (b) tab bar (c) search box (d) list of items - 38.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) chat messages to friends (d) your last game level
- 39.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
-
40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Back button: 48 px tall
Next button: 52 px tall
Save button: 72 px tall
Cancel button: 36 px tall (a) Next (b) Cancel (c) Back (d) Save
Answer key
- the back button
- open the menu
- opens a list of pages
- False
- False
- Label
- how easy sign-up is
- captions on videos
- False
- track the order
- True
- your last game level
- 1
- Lessons
- 1
- UX
- Music
- at the bottom
- poor design
- interface
- UI
- uses plain grey boxes
- False
- Add button
- Video
- in the cloud
- Match report
- the path through screens
- makes it harder
- in the cloud
- True
- top bar
- makes it harder
- poor design
- reads the screen aloud
- black on yellow
- tab bar
- chat messages to friends
- True
- Cancel
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students