← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 139 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  2. 2.🔘 Our rule: buttons are at least 48 px tall. The Send button is 40 px tall. How many px taller must it be?
  3. 3.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) see the final score (c) tap “Start quiz” (d) see if it is right
  4. 4.💾 What number does this code show?
    let coins = 9;
    coins = coins - 5;
    coins = coins + 1;
    show(coins);
  5. 5.Which colour pair is easy to read? (a) dark blue on black (b) light grey on white (c) dark blue on white (d) pale pink on white
  6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. open “Match report”
    4. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  7. 7.Which of these helps everyone use the app? (a) strong colour contrast (b) sudden loud sounds (c) colour as the only clue (d) icons with no labels
  8. 8.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) only yourself (d) real users
  9. 9.True or false: a tiny 20 px button is good button design. (a) True (b) False
  10. 10.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 26 px
    Title: 14 px
    Label: 26 px
    (a) Label (b) Caption (c) Title
  11. 11.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  12. 12.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Cart
    Design B: Home → Results → Pens → Offers → Pay → Shop
    (a) Design B (b) Design A
  13. 13.🔀 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
  14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Item
    Design B: Home → Size → Search → Address → Shop → Results → Confirm
  15. 15.True or false: the font size is about UX (the experience). (a) False (b) True
  16. 16.♿ A screen has 10 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
  17. 17.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) labels on every icon (d) icons with no labels
  18. 18.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) open the app
  19. 19.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a colour theme (d) a charging cable
  20. 20.🔍 Which is the odd one out? (a) sudden loud sounds (b) text that can grow (c) tiny tap areas (d) icons with no labels
  21. 21.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Menu → Results → Item → Address → Offers
    Design B: Home → Confirm → Results → Cart
  23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Settings tab
    3. tap the Feed tab
    4. tap the Settings tab
    Which screen are you on now?
    (a) Chat (b) Settings (c) Feed
  24. 24.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) pay for the order (b) track the order
  25. 25.💾 What does this code show? (Positions start at 0.)
    let friends = ["Kabir", "Riya", "Arjun", "Aman", "Meera"];
    show(friends[1]);
    (a) Kabir (b) Aman (c) Arjun (d) Riya
  26. 26.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) white on dark green (d) light grey on white
  27. 27.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 32 px tall
    Cancel button: 40 px tall
    Save button: 36 px tall
  28. 28.🔢 In a sign-up flow, what comes right after “open the app”? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) type name and email
  29. 29.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
  30. 30.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) add a filter (c) write a caption (d) take the photo
  31. 31.🔍 Which is the odd one out? (a) big touch targets (b) tiny tap areas (c) labels on every icon (d) text that can grow
  32. 32.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  33. 33.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
  34. 34.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
  35. 35.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) see if it is right (c) tap “Start quiz” (d) see the final score
  36. 36.💾 What number does this code show?
    let notes = ["Art", "Hindi", "Science", "Maths"];
    notes.push("Music");
    show(notes.length);
  37. 37.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  38. 38.💾 Which works with no internet at all? (a) a shared chat (b) data saved on the phone (c) a cloud leaderboard (d) a cloud backup
  39. 39.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “pick an answer”? (a) pick an answer (b) tap “Start quiz”
  40. 40.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo

Answer key

  1. helps everyone
  2. 8
  3. see the final score
  4. 5
  5. dark blue on white
  6. 0
  7. strong colour contrast
  8. real users
  9. False
  10. Title
  11. UI
  12. Design A
  13. so each step is clear
  14. 4
  15. False
  16. 2
  17. labels on every icon
  18. open the app
  19. the path through screens
  20. text that can grow
  21. a wireframe
  22. 3
  23. Settings
  24. pay for the order
  25. Riya
  26. white on dark green
  27. 0
  28. tap “Sign up”
  29. False
  30. open the camera screen
  31. tiny tap areas
  32. a wireframe
  33. False
  34. easy to read
  35. tap “Start quiz”
  36. 5
  37. False
  38. data saved on the phone
  39. tap “Start quiz”
  40. take the photo

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