App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 678 · 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.True or false: the button colours is about UI (the look). (a) False (b) True
2. 2.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) make a password (b) open the app (c) see the home screen (d) type name and email
3. 3.🖼️ How many parts (boxes) does this wireframe have?
   [ title text ]
   [ search box ]
   [ tab bar ]
   [ filter buttons ]
   [ Add button ]
   [ list of items ]
4. 4.💾 What does this code show? (Positions start at 0.)
   let friends = ["Riya", "Arjun", "Zoya"];
   show(friends[2]); (a) Arjun (b) Zoya (c) Riya
5. 5.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
6. 6.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ top bar ]
   [ search box ]
   [ title text ]
   [ Add button ] (a) Add button (b) top bar (c) title text
7. 7.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
8. 8.💾 What number does this code show?
   let notes = ["Sports", "Music", "Hindi", "Science"];
   notes.push("Art");
   notes.push("Maths");
   show(notes.length);
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Caption: 16 px
   Hint: 17 px
   Title: 15 px
   Menu: 17 px
10. 10.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
11. 11.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
12. 12.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a cloud backup (d) a shared chat
13. 13.Which of these is about UI (the look)? (a) how users feel after (b) how many taps it takes (c) how easy sign-up is (d) the screen layout
14. 14.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
15. 15.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
16. 16.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
18. 18.True or false: “icons with no labels” makes the app harder to use. (a) False (b) True
19. 19.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) shortcut (c) tab bar (d) dead end
20. 20.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
21. 21.True or false: space between buttons is poor button design. (a) True (b) False
22. 22.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) pick a dish (c) add it to the cart (d) open the menu
23. 23.True or false: the font size is about UX (the experience). (a) False (b) True
24. 24.True or false: a wireframe has the real colours. (a) False (b) True
25. 25.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
26. 26.💾 What is a variable? (a) a picture (b) a type of screen (c) a named box for a value (d) a phone setting
27. 27.🔍 Which is the odd one out? (a) how fast a task is done (b) the button colours (c) whether users get lost (d) how many taps it takes
28. 28.🎨 Who should you test the UX with? (a) nobody (b) only yourself (c) real users (d) the app icon
29. 29.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
30. 30.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Chat tab
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
32. 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) a random page (c) the phone settings (d) that tab’s main screen
33. 33.💾 What does this code show? (Positions start at 0.)
    let notes = ["Music", "Science", "Maths", "Hindi"];
    show(notes[0]); (a) Music (b) Hindi (c) Maths (d) Science
34. 34.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) shows the real fonts (d) is a quick sketch
35. 35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 18 px
    Body text: 11 px
    Caption: 16 px
36. 36.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 27 px
    Footer: 20 px
    Label: 18 px
    Title: 10 px (a) Body text (b) Label (c) Title (d) Footer
37. 37.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
38. 38.🎨 UI stands for user ___. (a) internet (b) interface (c) idea (d) input
39. 39.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) notes to read offline (d) a class leaderboard
40. 40.True or false: how users feel after is about UI (the look). (a) True (b) False

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