Words & pixels go better together

On the web, everything looks the same. Let’s fix that. Instead of a first or last approach, let’s look at design and content in tandem.

We’re going to take you through a hands-on design and content approach that bites its thumb at boring trends without compromising the effectiveness of your UIs. Learn the business case behind flexible content and design systems that you won’t need to sell to your clients. We’ll partner up and play the roles of writer and designer, break out the pencils, and source, gather, position, and improve your content. Then, together, we’ll demonstrate how design can create stronger microcopy, editorial messaging, and calls to action. By the end of this workshop, you’ll be dying to trade your Open Sans and coffee cup headers for something a little bolder. Prepare your marketing team. They might not be ready for this.

There is a big disconnect between design and content development on the web. The technology and the organizations powered by it have built silos around the roles in our industry… especially around design and writing. We want to break those barriers and improve collaboration on our teams in pursuit of a more expressive and diverse digital culture. Doing so will hopefully extend our relevance well into the age of automation and artificial intelligence (and make our jobs a lot more fun in the process). What better way than to demonstrate how to do this in a safe, hands-on, exploratory way.

Transcript

1. go better together & PIXELS Words
2. Digital PM Trainer and Consultant Partner Louder Than Ten @louderthanten Travis Gertz Designer and Front-end Developer Partner Louder Than Ten Rachel Gertz
3. Gathering Curating Maintaining Content Strategy Content
4. Express information Design is how you
5. Nightmares
6. Content first.
7. Part A How to polish a content turd 45–60 minutes
8. Exercise 1 Play it as it lays 15–20 minutes Part A
10. What did you struggle with? What’s it like to work with content first? How did it go?
11. Exercise 2 After a little spruce 30–40 minutes Part A
12. How did the copy change? How did this exercise affect the design? How did it go?
13. Tips? 5 minutes
14. Take a BRE AK
16. EVERYTHING LOOKS THE SAME
17. EVERYTHING SOUNDS THE SAME
18. Web content is boring. We create terrible experiences Every Company
19. You won’t believe how stupid this is… People certainly like articles like these, but it’s nonsense that it’s anything new or novel. What isn’t nonsense is that the proliferation of these lists — which used to be limited to the covers of glossy magazines in the grocery store — are dumbing down society. Why Listicles Are Bad For You You may not realize it, but consuming too many of these kinds of articles while you’re surfing the Internet is actually bad for your brain, and for your life in general. Since you’re probably here because you’re addicted to listicles, I’m going to make this article a listicle to help your brain out. May this be your one, last listicle ever. 1. Listicles May Lead to an Unhealthy Brain The worst danger that listicles pose is to your brain. They do all of the mental heavy lifting, so you don’t
20. 7 Reasons Listicles Are The Worst! People certainly like articles like these, but it’s nonsense that it’s anything new or novel. What isn’t nonsense is that the proliferation of these lists — which used to be limited to the covers of glossy magazines in the grocery store — are dumbing down society. Why Listicles Are Bad For You You may not realize it, but consuming too many of these kinds of articles while you’re surfing the Internet is actually bad for your brain, and for your life in general. Since you’re probably here because you’re addicted to listicles, I’m going to make this article a listicle to help your brain out. May this be your one, last listicle ever. 1. Listicles May Lead to an Unhealthy Brain The worst danger that listicles pose is to your brain. They do all of the mental heavy lifting, so you don’t Stop reading this crap we’ve produced and sign up for our crappy newsletter so you can receive more crap.
21. 7 Reasons Listicles Are The Worst! People certainly like articles like these, but it’s nonsense that it’s anything new or novel. What isn’t nonsense is that the proliferation of these lists — which used to be limited to the covers of glossy magazines in the grocery store — are dumbing down society. Why Listicles Are Bad For You You may not realize it, but consuming too many of these kinds of articles while you’re surfing the Internet is actually bad for your brain, and for your life in general. Since you’re probably here because you’re addicted to listicles, I’m going to make this article a listicle to help your brain out. May this be your one, last listicle ever. 1. Listicles May Lead to an Unhealthy Brain The worst danger that listicles pose is to your brain. They do all of the mental heavy lifting, so you don’t Stop reading this crap we’ve produced and sign up for our crappy newsletter so you can receive more crap. It looks like you’re writing a letter. How can I help you?
23. We don’t care about content. We only care about what it can do for us.
24. But what if we did?
25. Content first.
26. Content first. So we know how big to make the boxes.
27. Content Design
28. Content Design Do we even need boxes?
29. Content & design working together
30. https://www.youtube.com/watch?v=NcYcapokV9I
31. Design with expression to augment the message of the content
34. We can do this on the web…
35. https://readymag.com/497331/
36. Graphical media can work exclusively with the content.
37. TyPe makes great graphics Interesting
38. Play with size style and
39. COLOUR
40. CONTENT, DESIGN, AND A BLAST OF EMOTION 60–80 minutes Part B
41. Exercise 1 Extracting emotion 30–40 minutes Part B
42. Exercise 2 Making content & design love Part B 40–50 minutes
44. What were the challenges? What were the rewards? How do you think your audience would feel? How can this work for other projects? How did it go?
45. Take a BRE AK
46. Show & tell
47. What’s the process?
48. Set up great content 1
49. Talk about it… Content: creates value Writers: estimate & scope Contract: build writing in
50. The writer starts the show Kickoff Research Design Strategy Launch
51. 2Write great content
52. WHY
53. Do a content audit, analysis, plan
54. Define your GOALS
55. Collaborate on content Write your draft
56. 3Design great content
57. Prototype with content Good content that says something, but doesn’t need to be final.
58. buildwithcraft.com livewires.io
62. Emotion freedom + = Content & design
63. ?
64. A tasty resource treat lt10.co/words-and-pixels
65. THANKS louderthanten.com @louderthanten Rachel Gertz
 @TheStrayMuse Travis Gertz @TravisGertz
66. Content myths
67. Expensive Too much money
68. Expensive Too much time
69. not my job.