Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Making content patterns

11 views

Published on

Talk at Cambridge UX 2018 about how to turn content elements into a library of reusable UX components.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Making content patterns

  1. 1. contentdesign.london
  2. 2. Hinrich von Haaren Making content patterns
  3. 3. videoblocks.com
  4. 4. Tokyo.for91days.com
  5. 5. Content patterns help me organise my work.
  6. 6. In the beginning there was a team…
  7. 7. British Medical Association
  8. 8. • stressful • emotional • hugely personal
  9. 9. Enter content…
  10. 10. There was lots…
  11. 11. Helen King/Cobis
  12. 12. How it all began
  13. 13. Discovery on type 2 diabetes.
  14. 14. Then we moved on to the next topic…
  15. 15. Astrochara
  16. 16. Basic notes on the content produced so far.
  17. 17. Organising information.
  18. 18. Design and content interlinked.
  19. 19. Merge our work, not duplicate it.
  20. 20. Let’s make content patterns
  21. 21. 1. How we talk about things.
  22. 22. 2. Why we talk about the things we talk about.
  23. 23. 3. Documenting what we found.
  24. 24. 1. How we talk about things.
  25. 25. Action-focussed.
  26. 26. Making the dense scannable.
  27. 27. When words need to step out of the way.
  28. 28. Apply the findings to other topics.
  29. 29. Formalised it into a pattern.
  30. 30. Identified variations.
  31. 31. Documented all our variations.
  32. 32. Described the overall pattern.
  33. 33. 2. Why we talk about the things we talk about.
  34. 34. Reassuranc e and action.
  35. 35. Transparency to reduce stress and anxiety.
  36. 36. Showing a simpler solution.
  37. 37. 3. Documenting what we found
  38. 38. Content direction. What? Content substance. Why? How? How? How? How? Research & prototyping
  39. 39. Content direction. What? Content substance. Why? How? How? How? How? Research & prototyping
  40. 40. Explaining concepts.
  41. 41. Content direction. What? Content substance. Why? How? How? How? How? Research & prototyping
  42. 42. Approach and examples to make it usable.
  43. 43. Not an abstract exercise. Product of making things.
  44. 44. 1. Solution research. 2. Documentation. 3. Example pattern. 4. Apply and refine. 5. Finalise pattern.
  45. 45. Was it all worth it?
  46. 46. Yes!
  47. 47. Collaboration makes a better product.
  48. 48. A better user experience.
  49. 49. We could go much quicker.
  50. 50. Part of my content routine.
  51. 51. Your content patterns depend on your audience and your product.
  52. 52. Start small.
  53. 53. Build by sharing work.
  54. 54. Talk to each other.
  55. 55. People. Product. Pace.
  56. 56. Todayifoundout.com
  57. 57. Todayifoundout.com
  58. 58. Todayifoundout.com
  59. 59. Todayifoundout.com
  60. 60. Thank you @popupstory contentdesign.london
  61. 61. http://nhsuk.github.io/transformation/manual/patterns.html

×