App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 926 · 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: space between buttons is good button design. (a) False (b) True
2. 2.🔘 Our rule: buttons are at least 48 px tall. The Back button is 32 px tall. How many px taller must it be?
3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Back button: 40 px tall
   Cancel button: 64 px tall
   Done button: 52 px tall
   Help button: 36 px tall
4. 4.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the app is closed (d) the phone is lost
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Search → Cart → Offers
   Design B: Home → Confirm → Pens → Results → Search → Offers → Size
6. 6.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) goes to the last screen
7. 7.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) is a quick sketch (d) has the real colours
8. 8.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
9. 9.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
10. 10.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it runs the app (c) it adds colours (d) it saves data
11. 11.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) type name and email (d) tap “Sign up”
12. 12.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) your last game level (d) a class leaderboard
13. 13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 12 px
    Body text: 20 px
    Hint: 11 px
    Label: 12 px
    Title: 12 px
14. 14.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) is a quick sketch
15. 15.🎨 UX stands for user ___. (a) experience (b) express (c) extra (d) example
16. 16.💾 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
17. 17.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) opens settings (d) goes to the last screen
18. 18.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) delete this (c) an error (d) a picture goes here
19. 19.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to add more taps (d) to skip testing
20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Quiz tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
21. 21.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
22. 22.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a class leaderboard (d) notes to read offline
23. 23.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Arjun", "Meera", "Zoya", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Arjun (c) Meera (d) Zoya
24. 24.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
25. 25.True or false: a final design shows where things go. (a) True (b) False
26. 26.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) make a password (c) enter the code sent (d) tap “Sign up”
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Offers → Cart → Address → Item → Pay
    Design B: Home → Offers → Address → Confirm → Shop → Pay (a) Design B (b) Design A
28. 28.Which of these makes the app harder to use? (a) strong colour contrast (b) text that can grow (c) icons with no labels (d) labels on every icon
29. 29.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
30. 30.True or false: the font size is about UX (the experience). (a) False (b) True
31. 31.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) nowhere (d) at the bottom
32. 32.Which of these is true of the back button? (a) hides extra links (b) sits at the bottom (c) opens a list of pages (d) goes to the last screen
33. 33.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) type name and email (b) enter the code sent
34. 34.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) pay for the order (c) check the cart (d) open the menu
35. 35.♿ Accessibility means an app works for ___. (a) only experts (b) nobody (c) everyone (d) only the coder
36. 36.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ filter buttons ]
    [ title text ]
37. 37.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
38. 38.🔍 Which is the odd one out? (a) fast-flashing lights (b) tiny tap areas (c) strong colour contrast (d) colour as the only clue
39. 39.Which of these is true of the back button? (a) shows 3 to 5 icons (b) sits at the bottom (c) opens a list of pages (d) undoes one move
40. 40.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UI but poor UX (c) good UX but poor UI (d) perfect UX

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