App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 268 · 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 colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) black on yellow (d) yellow on white
2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Size → Item → Address → Confirm
   Design B: Home → Shop → Confirm
3. 3.Which of these is about UX (the experience)? (a) the theme colours (b) how easy sign-up is (c) the icon shapes (d) the font size
4. 4.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) has the real colours (d) uses plain grey boxes
5. 5.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 44 px tall
   Back button: 48 px tall
   Save button: 36 px tall
   Help button: 36 px tall
7. 7.🧭 Which part of navigation undoes one move? (a) the back button (b) a menu button (c) a tab bar
8. 8.Which of these is about UX (the experience)? (a) the icon shapes (b) the theme colours (c) whether users get lost (d) the screen layout
9. 9.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
10. 10.Which of these is about UX (the experience)? (a) how users feel after (b) the font size (c) the button colours (d) the screen layout
11. 11.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) a random page (c) the phone settings (d) the last app used
12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Help page”
    3. tap the Search tab
    4. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 56 px tall
    Save button: 44 px tall
    Start button: 64 px tall
    Help button: 68 px tall (a) Save (b) Help (c) Back (d) Start
14. 14.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ tab bar ]
    [ search box ]
    [ top bar ]
    [ big picture ] (a) top bar (b) big picture (c) tab bar
15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 24 px
    Title: 28 px
    Body text: 18 px
    Footer: 13 px
    Menu: 16 px (a) Title (b) Body text (c) Caption (d) Footer
16. 16.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
17. 17.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Results → Pay → Menu → Item → Shop
    Design B: Home → Menu → Confirm
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Badges”
    3. open “Video”
    4. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
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: a draft you are typing fits saving on the phone. (a) True (b) False
22. 22.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Sports", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Sports (c) Science (d) Music
23. 23.True or false: a wireframe shows where things go. (a) True (b) False
24. 24.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
25. 25.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
26. 26.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
27. 27.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) switches main sections
28. 28.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
29. 29.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ title text ]
    [ search box ]
    [ big picture ]
    [ menu icon ] (a) big picture (b) menu icon (c) search box (d) title text
30. 30.♿ A screen has 8 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
31. 31.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) make a password (b) open the app
32. 32.♿ A screen has 11 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Confirm → Address
    Design B: Home → Address → Results → Pay → Cart → Menu → Size (a) Design A (b) Design B
34. 34.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Kabir", "Meera"];
    show(friends[2]); (a) Riya (b) Meera (c) Kabir
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Address → Confirm → Search
    Design B: Home → Search → Pens (a) Design A (b) Design B
36. 36.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) open the app (b) make a password
37. 37.♿ Accessibility means an app works for ___. (a) only experts (b) everyone (c) nobody (d) only the coder
38. 38.🔢 In a food-order flow, which comes first: “track the order” or “pay for the order”? (a) pay for the order (b) track the order
39. 39.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
40. 40.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Kites", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Ocean (b) Kites (c) Rain

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