App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 247 · 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 final design? (a) is a quick sketch (b) shows the real fonts (c) uses plain grey boxes (d) shows where things go
2. 2.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) that tab’s main screen (d) the phone settings
3. 3.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 3 to 5 (d) 20
4. 4.💾 What number does this code show?
   let points = 8;
   points = points - 4;
   points = points + 1;
   show(points);
5. 5.Which colour pair is easy to read? (a) yellow on white (b) white on dark green (c) red on green (d) dark blue on black
6. 6.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
7. 7.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
8. 8.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
   [ title text ]
   [ tab bar ]
   [ Add button ]
   [ Save button ] (a) Save button (b) Add button (c) title text
9. 9.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
10. 10.💾 Which works with no internet at all? (a) a cloud backup (b) a shared chat (c) a cloud leaderboard (d) data saved on the phone
11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 72 px tall
    Back button: 56 px tall
    Send button: 60 px tall
    Save button: 36 px tall (a) Save (b) Send (c) Back (d) Done
12. 12.Which of these is true of a tab bar? (a) undoes one move (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
13. 13.🔘 Our rule: buttons are at least 48 px tall. The Back button is 40 px tall. How many px taller must it be?
14. 14.🎨 Who should you test the UX with? (a) real users (b) the app icon (c) only yourself (d) nobody
15. 15.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    [ Save button ]
    [ Add button ] (a) Save button (b) title text (c) Add button (d) filter buttons
16. 16.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) the sound on/off setting (d) chat messages to friends
17. 17.True or false: a final design shows the real fonts. (a) True (b) False
18. 18.♿ A screen has 12 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
19. 19.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) open the app (b) make a password (c) tap “Sign up” (d) see the home screen
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ big picture ]
    [ list of items ]
    [ Add button ] (a) list of items (b) Add button (c) title text (d) big picture
21. 21.🔢 In a quiz-app flow, which comes first: “see the final score” or “pick an answer”? (a) see the final score (b) pick an answer
22. 22.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ Save button ]
    [ list of items ]
    [ menu icon ]
    [ Add button ] (a) Add button (b) menu icon (c) list of items
23. 23.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
24. 24.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
25. 25.True or false: a final design shows where things go. (a) False (b) True
26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ title text ]
    [ filter buttons ] (a) filter buttons (b) title text (c) search box (d) list of items
27. 27.True or false: strong colour contrast is good button design. (a) False (b) True
28. 28.🔍 Which is the odd one out? (a) fast-flashing lights (b) sudden loud sounds (c) captions on videos (d) icons with no labels
29. 29.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ top bar ]
    [ tab bar ]
    [ menu icon ]
    [ search box ]
31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Results → Search → Cart
    Design B: Home → Results → Pay → Item
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Match report”
    3. tap the Feed tab
    Which screen are you on now? (a) Chat (b) Settings (c) Match report (d) Feed
33. 33.🔢 In a food-order flow, which comes first: “pay for the order” or “open the menu”? (a) open the menu (b) pay for the order
34. 34.🔀 Why plan the user flow before building? (a) to skip testing (b) so each step is clear (c) to add more taps (d) to hide the buttons
35. 35.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
36. 36.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
37. 37.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Sports", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Hindi (b) Sports (c) Maths (d) Music
38. 38.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a random page (d) a clear next step
39. 39.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
40. 40.🔘 Our rule: buttons are at least 48 px tall. The Done button is 32 px tall. How many px taller must it be?

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