App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 313 · 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.💾 pop() takes off the last item. What does this code show?
   let friends = ["Meera", "Riya", "Aman", "Zoya"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Meera (b) Riya (c) Aman (d) Zoya
2. 2.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
3. 3.🖼️ In this wireframe (top to bottom), what is right above the Add button?
   [ list of items ]
   [ Add button ]
   [ menu icon ]
   [ title text ]
   [ tab bar ]
   [ filter buttons ] (a) filter buttons (b) tab bar (c) list of items (d) title text
4. 4.Which colour pair is easy to read? (a) red on green (b) black on pale grey (c) dark blue on black (d) pale pink on white
5. 5.True or false: a final design uses plain grey boxes. (a) True (b) False
6. 6.Which of these is true of a menu button? (a) opens a list of pages (b) shows 3 to 5 icons (c) switches main sections (d) undoes one move
7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. tap the Chat tab
   3. open “Score card”
   How many times must you tap Back to reach the main screen of this tab?
8. 8.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Save button: 32 px tall
   Start button: 52 px tall
   Next button: 48 px tall
   Done button: 40 px tall
9. 9.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
10. 10.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) add a filter (d) post the photo
11. 11.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Add button ]
    [ menu icon ]
    [ Save button ]
    [ big picture ]
    [ top bar ]
    [ title text ] (a) Add button (b) top bar (c) big picture (d) Save button
12. 12.🔍 Which is the odd one out? (a) the icon shapes (b) whether users get lost (c) the screen layout (d) the font size
13. 13.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) never need a password (c) use it on any device (d) skip the internet
14. 14.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) write a caption (b) open the camera screen
15. 15.💾 What number does this code show?
    let notes = ["Sports", "Hindi", "Art"];
    notes.push("Maths");
    show(notes.length);
16. 16.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
17. 17.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) uses plain grey boxes (d) has the real colours
18. 18.🔍 Which is the odd one out? (a) fast-flashing lights (b) text that can grow (c) icons with no labels (d) tiny tap areas
19. 19.Which of these fits saving on the phone? (a) chat messages to friends (b) your last game level (c) a shared to-do list (d) a class leaderboard
20. 20.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Zoya", "Kabir", "Arjun", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Arjun (c) Meera (d) Zoya
21. 21.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
22. 22.True or false: a final design uses the final pictures. (a) False (b) True
23. 23.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) text that can grow (d) sudden loud sounds
24. 24.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) make a password (b) type name and email
25. 25.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
26. 26.True or false: notes to read offline fits saving on the phone. (a) True (b) False
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Results
    Design B: Home → Menu → Search → Shop → Item → Pay → Pens
28. 28.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
29. 29.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the icon shapes (d) the theme colours
30. 30.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) takes photos (d) plays music
31. 31.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
32. 32.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 16 px
    Menu: 27 px
    Label: 28 px
    Footer: 12 px (a) Menu (b) Footer (c) Label (d) Caption
33. 33.True or false: buttons almost touching is good button design. (a) True (b) False
34. 34.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) more colours (c) better UX (d) a bigger app
35. 35.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) at the bottom (d) in the middle
36. 36.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) notes to read offline (d) chat messages to friends
37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ title text ]
    [ top bar ]
    [ big picture ]
    [ Add button ] (a) top bar (b) title text (c) Add button (d) list of items
38. 38.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
39. 39.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ filter buttons ]
    [ menu icon ]
    [ list of items ]
    [ title text ]
    [ Save button ] (a) Save button (b) filter buttons (c) title text (d) list of items
40. 40.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar

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