App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 119 · 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 black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
2. 2.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
3. 3.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) looks like the real app (d) is a quick sketch
4. 4.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) pick an answer (c) see the final score (d) tap “Start quiz”
5. 5.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) pale pink on white (d) white on dark green
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Size → Results
   Design B: Home → Shop → Confirm → Offers
7. 7.🖼️ In this wireframe (top to bottom), what is right below the Save button?
   [ title text ]
   [ Save button ]
   [ search box ]
   [ big picture ]
   [ filter buttons ]
   [ Add button ] (a) search box (b) Add button (c) big picture (d) title text
8. 8.🔍 Which is the odd one out? (a) how fast a task is done (b) the button colours (c) whether users get lost (d) how users feel after
9. 9.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
10. 10.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Badges”
    3. tap the Me tab
    4. open “Edit photo”
    5. tap Back
    Which screen are you on now? (a) Edit photo (b) Me (c) Badges (d) Friend list
12. 12.Which colour pair is easy to read? (a) yellow on white (b) red on green (c) white on black (d) light grey on white
13. 13.True or false: a final design uses plain grey boxes. (a) False (b) True
14. 14.Which of these helps everyone use the app? (a) big touch targets (b) fast-flashing lights (c) colour as the only clue (d) icons with no labels
15. 15.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) hides extra links (c) switches main sections (d) goes to the last screen
16. 16.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Help page”
    3. tap the Me tab
    4. open “Friend list”
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
17. 17.True or false: a final design has the real colours. (a) True (b) False
18. 18.♿ A screen has 12 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
19. 19.🔍 Which is the odd one out? (a) icons with no labels (b) sudden loud sounds (c) text that can grow (d) colour as the only clue
20. 20.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Search → Offers
    Design B: Home → Item → Menu → Pay → Offers → Cart
22. 22.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) see if it is right (d) pick an answer
23. 23.Which of these is about UX (the experience)? (a) the theme colours (b) the icon shapes (c) the button colours (d) how users feel after
24. 24.🔢 In a food-order flow, what comes right after “pick a dish”? (a) add it to the cart (b) open the menu (c) track the order (d) pay for the order
25. 25.♿ A screen has 9 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
26. 26.True or false: a final design looks like the real app. (a) False (b) True
27. 27.Which of these helps everyone use the app? (a) strong colour contrast (b) icons with no labels (c) colour as the only clue (d) fast-flashing lights
28. 28.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
29. 29.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
30. 30.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ big picture ]
    [ Add button ]
    [ list of items ]
    [ menu icon ]
    [ top bar ] (a) top bar (b) big picture (c) list of items (d) Add button
31. 31.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Sports", "Hindi", "Science"];
    show(notes[0]); (a) Hindi (b) Science (c) Maths (d) Sports
32. 32.🎨 Who should you test the UX with? (a) only yourself (b) nobody (c) the app icon (d) real users
33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Results → Menu → Size → Shop
    Design B: Home → Pay → Search → Shop → Address → Size → Item
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Video”
    3. open “Map”
    Which screen are you on now? (a) Home (b) Map (c) Friend list (d) Video
35. 35.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
36. 36.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
37. 37.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
38. 38.💾 What number does this code show?
    let friends = ["Meera", "Zoya", "Riya", "Aman"];
    friends.push("Arjun");
    show(friends.length);
39. 39.Which of these is about UI (the look)? (a) the font size (b) whether users get lost (c) how many taps it takes (d) how users feel after
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 13 px
    Label: 17 px
    Title: 28 px
    Menu: 18 px
    Body text: 22 px (a) Menu (b) Title (c) Hint (d) Label

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