App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 387 · 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.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
2. 2.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) shows 3 to 5 icons
3. 3.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) tap “Sign up” (c) enter the code sent (d) type name and email
4. 4.🔍 Which is the odd one out? (a) colour as the only clue (b) strong colour contrast (c) big touch targets (d) labels on every icon
5. 5.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) inside a button (c) nowhere (d) in the middle
6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ top bar ]
   [ menu icon ]
   [ Save button ]
   [ big picture ]
   [ tab bar ] (a) tab bar (b) top bar (c) menu icon (d) Save button
7. 7.♿ A screen has 7 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
8. 8.💾 What does this code show? (Positions start at 0.)
   let songs = ["Ocean", "Kites", "Stars"];
   show(songs[2]); (a) Stars (b) Ocean (c) Kites
9. 9.💾 What number does this code show?
   let notes = ["Sports", "Music", "Maths", "Hindi"];
   notes.push("Science");
   show(notes.length);
10. 10.💾 Which can hold many values in order? (a) a single number (b) a list (c) a switch (d) a button
11. 11.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) shows the real fonts (d) shows where things go
12. 12.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) uses the final pictures (d) looks like the real app
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ Add button ]
    [ search box ]
    [ big picture ]
    [ top bar ]
14. 14.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
15. 15.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
16. 16.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
17. 17.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
18. 18.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
19. 19.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
20. 20.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) pay for the order (c) track the order (d) check the cart
21. 21.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) chat messages to friends (d) notes to read offline
22. 22.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
23. 23.♿ What should every icon-only button have for screen readers? (a) a sound (b) a long animation (c) a bright colour (d) a text label
24. 24.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) to add more taps (d) so each step is clear
25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 40 px tall
    Cancel button: 56 px tall
    Help button: 48 px tall
    Start button: 60 px tall (a) Start (b) Help (c) Cancel (d) Back
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Search → Shop
    Design B: Home → Shop → Address
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 44 px tall
    Done button: 56 px tall
    Send button: 72 px tall
    Save button: 52 px tall (a) Save (b) Help (c) Send (d) Done
28. 28.True or false: a clear word like Save is poor button design. (a) False (b) True
29. 29.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) shows the real fonts (d) looks like the real app
30. 30.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) pick an answer (c) see the final score (d) see if it is right
31. 31.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) strong colour contrast (d) sudden loud sounds
32. 32.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
33. 33.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 48 px tall
    Help button: 32 px tall
    Next button: 44 px tall
    Send button: 44 px tall
34. 34.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 26 px
    Label: 9 px
    Title: 25 px (a) Label (b) Footer (c) Title
35. 35.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
36. 36.Which of these makes the app harder to use? (a) tiny tap areas (b) big touch targets (c) text that can grow (d) strong colour contrast
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Edit photo”
    3. tap the Feed tab
    Which screen are you on now? (a) Help page (b) Feed (c) Chat (d) Edit photo
38. 38.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
39. 39.Which of these makes the app harder to use? (a) fast-flashing lights (b) text that can grow (c) labels on every icon (d) strong colour contrast
40. 40.💾 What number does this code show?
    let friends = ["Meera", "Kabir", "Aman", "Arjun"];
    friends.push("Riya");
    show(friends.length);

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