Design machines

Automation and commoditization of design and content is driving a homogenous digital culture. We’ve made it easy for machines to take over our jobs. But it doesn’t have to end there. We can borrow the techniques from the editorial process and combine our design and writing efforts to produce expressive, engaging digital content.

Transcript

1. DESIGN MACHINES How to survive the digital apocalypse
2. !
4. Art at its most significant is a distant early warning system that can always be relied on to tell the old culture what is beginning to happen Marshall McLuhan
5. Web design
6. Web design We create terrible experiences Every Company
8. EVERYTHING LOOKS THE SAME
9. PRESSURE
10. Metrics-obsessed pseudo science.
11. Copycat culture.
12. Crap content selling crap.
13. Crap content selling crap. Stop reading this crap we’ve produced and sign up for our crappy newsletter so you can receive more crap.
15. We don’t care about content. We only care about what it can do for us.
16. WE DESIGN LIKE MACHINES
17. THE MACHINES ARE HERE. AND THEY WANT OUR JOBS.
24. Speed! Reach! Tracking! Convenience! Conversions! Profit!
26. Information is POWER
29. But…
30. Distr i b u t e d Information wants to be
31. We have the tools
32. Humans are unpredictable mushy bags of irrationality and emotion.
34. We need to be better than the machines.
35. Art at its most significant is a distant early warning system that can always be relied on to tell the old culture what is beginning to happen Marshall McLuhan
37. Web vs Editorial
38. Web vs Editorial Design systems Content Collaboration 1 2 3
39. Design systems 1
40. Built for automation. Built for repetition. Built for consistency.
41. Systems designed for variation. Not prescription.
42. Web stops at the system. Editorial starts there.
43. Understand the medium.
44. Prototype for variation. livewires.io
45. Build software that anticipates variation.
46. We like Craft buildwithcraft.com
47. Not just for web
48. How we treat content 2
49. Content first.
50. Content first. So we know how big to make the boxes.
51. Content Design
52. Content Design Do we even need boxes?
53. Expression AMPLIFIES the message.
55. EXPRESS Don’t just read the text. Think about how you can… information.
56. Graphical media that works exclusively with the content.
57. TYPE makes great graphics Interesting
58. Play with size style and
59. COLOUR
60. Collaborating 3
61. Typography Colour Shape Illustration Photography Detail Layout Interaction Information architecture Wireframing Prototyping Research Testing “UX design” “Visual design” ARBITRARY Design divided by job title
62. Typography Colour Shape Illustration Photography Detail Layout Interaction Wireframing Prototyping Quality research Proper testing Research Design Content Content Strategy Copywriting Editing Journalism Illustration Photography
63. Design divided by component Global systems Design Content Research Overall issue Design Content Research Features & departments Design Content Research
64. Flow
65. Destroy the barriers. Content Design
66. Don’t let metrics do your job.
67. PUSH BACK We’ve got the scripts: louderthanten.com/resources
68. BITE THE HAND that feeds you
69. The machines are here. It’s time to revolt.
70. THANKS! @travisgertz @louderthanten louderthanten.com Resources: lt10.co/words-and-pixels