App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 600 · 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.Which of these is true of a menu button? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) sits at the bottom
2. 2.Which of these is true of a final design? (a) is a quick sketch (b) has the real colours (c) has no real colours (d) uses plain grey boxes
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Edit photo”
   2. open “Help page”
   3. tap the Feed tab
   Which screen are you on now? (a) Edit photo (b) Chat (c) Help page (d) Feed
4. 4.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
5. 5.🔢 In a photo-post flow, what comes right after “add a filter”? (a) take the photo (b) open the camera screen (c) post the photo (d) write a caption
6. 6.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) see the home screen (c) make a password (d) enter the code sent
7. 7.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
8. 8.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) nowhere (d) inside a button
9. 9.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) the sound on/off setting (d) a class leaderboard
10. 10.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) type name and email (c) open the app (d) tap “Sign up”
11. 11.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see if it is right (c) pick an answer (d) see the final score
12. 12.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
13. 13.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
14. 14.🔍 Which is the odd one out? (a) the screen layout (b) the icon shapes (c) whether users get lost (d) the button colours
15. 15.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) check the cart (c) pay for the order (d) track the order
16. 16.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) open the app (b) make a password (c) see the home screen (d) type name and email
17. 17.Which colour pair is hard to read? (a) white on black (b) black on pale grey (c) dark blue on white (d) yellow on white
18. 18.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) enter the code sent (b) type name and email
19. 19.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) how many taps it takes (d) the screen layout
20. 20.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ top bar ]
    [ Add button ]
    [ big picture ]
    [ Save button ]
    [ menu icon ] (a) big picture (b) top bar (c) Add button (d) Save button
21. 21.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Sunrise", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Sunrise (b) Rain (c) Ocean
22. 22.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) a class leaderboard (d) notes to read offline
23. 23.Which of these is true of a tab bar? (a) switches main sections (b) undoes one move (c) hides extra links (d) goes to the last screen
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Pens → Address → Results → Size → Search
    Design B: Home → Pay → Menu
25. 25.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a text label (c) a sound (d) a long animation
26. 26.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Save button ]
    [ top bar ]
    [ menu icon ]
    [ Add button ] (a) Save button (b) menu icon (c) Add button
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 72 px tall
    Done button: 48 px tall
    Save button: 32 px tall
    Send button: 64 px tall (a) Save (b) Done (c) Send (d) Next
28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Map”
    3. open “Help page”
    4. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
29. 29.Which of these is true of a menu button? (a) sits at the bottom (b) opens a list of pages (c) goes to the last screen (d) switches main sections
30. 30.True or false: the theme colours is about UI (the look). (a) True (b) False
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Profile tab
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
32. 32.♿ What does a screen reader do? (a) reads the screen aloud (b) takes photos (c) plays music (d) makes text tiny
33. 33.💾 What number does this code show?
    let songs = ["Rain", "Monsoon", "Stars"];
    songs.push("Ocean");
    show(songs.length);
34. 34.Which of these is about UX (the experience)? (a) the icon shapes (b) the button colours (c) the font size (d) how easy sign-up is
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Address → Size
    Design B: Home → Offers → Search → Menu → Pens → Pay (a) Design B (b) Design A
36. 36.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) see the home screen (c) enter the code sent (d) make a password
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Send button is 44 px tall. How many px taller must it be?
38. 38.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) has no real colours (d) shows where things go
39. 39.💾 What number does this code show?
    let songs = ["Kites", "Sunrise", "Rain"];
    songs.push("Stars");
    songs.push("Monsoon");
    show(songs.length);
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 10 px
    Body text: 18 px
    Label: 28 px (a) Menu (b) Label (c) Body text

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