App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 963 · 40 questions

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.

1. 1.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Map”
   2. open “Edit photo”
   3. tap Back
   4. open “Badges”
   5. open “Match report”
   Which screen are you on now? (a) Edit photo (b) Badges (c) Match report (d) Map
2. 2.True or false: a wireframe is a quick sketch. (a) True (b) False
3. 3.True or false: a final design has no real colours. (a) True (b) False
4. 4.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) the icon shapes (d) how easy sign-up is
5. 5.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Badges”
   2. open “Help page”
   3. tap the Settings tab
   Which screen are you on now? (a) Badges (b) Feed (c) Settings (d) Help page
6. 6.Which of these is true of a wireframe? (a) is a quick sketch (b) has the real colours (c) uses the final pictures (d) looks like the real app
7. 7.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) white on dark green (d) red on green
8. 8.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) shows the real fonts (d) uses plain grey boxes
9. 9.True or false: a final design shows where things go. (a) False (b) True
10. 10.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Video”
    3. open “Edit photo”
    Which screen are you on now? (a) Home (b) Edit photo (c) Search (d) Video
12. 12.💾 In most code, the first item of a list is at position ___. (a) 0 (b) 2 (c) 1 (d) 10
13. 13.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ Add button ]
    [ title text ]
    [ menu icon ] (a) title text (b) Add button (c) menu icon
14. 14.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a menu button (c) a tab bar
15. 15.True or false: how fast a task is done is about UI (the look). (a) False (b) True
16. 16.💾 Saving data in the cloud lets you ___. (a) never need a password (b) use it on any device (c) skip the internet (d) shrink the app
17. 17.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) dark blue on black (d) dark blue on white
18. 18.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to use more battery (c) to look busy (d) to hide the menu
19. 19.♿ A screen has 9 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
20. 20.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) has the real colours (d) shows the real fonts
21. 21.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it saves data (d) it runs the app
22. 22.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ top bar ] (a) top bar (b) Add button (c) filter buttons (d) tab bar
23. 23.True or false: space between buttons is good button design. (a) True (b) False
24. 24.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ menu icon ]
    [ top bar ]
    [ Add button ] (a) search box (b) top bar (c) menu icon (d) Add button
26. 26.Which of these helps everyone use the app? (a) colour as the only clue (b) big touch targets (c) fast-flashing lights (d) icons with no labels
27. 27.💾 What number does this code show?
    let friends = ["Arjun", "Riya"];
    friends.push("Aman");
    friends.push("Kabir");
    show(friends.length);
28. 28.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
29. 29.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
30. 30.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ filter buttons ]
    [ tab bar ]
    [ Add button ]
    [ Save button ]
    [ menu icon ] (a) menu icon (b) tab bar (c) filter buttons (d) search box
31. 31.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Confirm → Item → Cart → Address
    Design B: Home → Offers → Address → Pay → Menu
33. 33.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Confirm → Item → Results → Pay → Pens
    Design B: Home → Pay → Pens → Address → Size
35. 35.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 10 px
    Body text: 16 px
    Menu: 21 px
37. 37.Which colour pair is easy to read? (a) red on green (b) pale pink on white (c) yellow on white (d) black on yellow
38. 38.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
39. 39.Which colour pair is easy to read? (a) white on black (b) red on green (c) light grey on white (d) dark blue on black
40. 40.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone

Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students