How to design for constant change

A look at how to adapt team structures, project processes and design workflows to work with the constant change of the web.

Transcript

1. The Exorcist (1973) @ Warner Bros.
2. The Evil Dead II (1987) @ Paramount Pictures
3. HOW TO DESIGN FOR CONSTANT CHANGE …and not go mad.
4. In castles, not too far away…
13. Enter: web design.
14. Cabin in the Woods (2012) @ Lionsgate
15. No prescriptions. They Live (1988) @ Universal Pictures
17. THREE STRUCTURES ! ! ! 1. Team 2. Project 3. Design The Innkeepers (2012) @ Magnet Releasing
18. THIS IS HOW WE FIGHT BACK. The Shining (1980) @ Warner Bros.
19. TEAMING UP for SUCCESS Night of the Living Dead (1968)
20. Halloween (1978) @ Warner Bros.
21. Designer Developer Client
22. Designer Developer Client
23. Designer Developer Client
24. THE CHAMP The Descent (2005) @ Pathé
25. No surprises. You’re Next (2011) @ Lionsgate
26. No blame. Invasion of the Body Snatchers (1978) @ United Artists
27. EMBEDDED TEAMS ! • Bring the client in closer • Find your “Champ” • No surprises, no blame
28. PROJECT MANAGEMENT for CONSTANT CHANGE The Innkeepers (2012) @ Magnet Releasing
29. WICKED PROBLEMS 1. Not done. Better. 2. Try everything. 3. Not fail. Learn. Godzilla (1954) @ Toho
30. agile: not that scary. Rosemary’s Baby (1968) @ Paramount Pictures
31. Communication: not that difficult. Halloween (1978) @ Warner Bros.
32. Is it broken? Poltergeist (1982) @ United Artists
33. RESEARCH › DESIGN › BUILD
34. RESEARCH › DESIGN › BUILD ‹ REPEAT ‹
37. PROJECTS ! • Treat like Wicked Problems • Work in sprints • Constant communication
38. MY RESPONSIVE DESIGN PROCESS The Others (2001) @ Dimension Films
39. WORKING with CONSTRAINTS. Halloween (1978) @ Warner Bros.
43. Mastering the dark art of fluid layout · Nathan Ford · 16/05/2014 http://alistapart.com/article/content-out-layout
56. THE RIGHT CSS UNIT for the JOB ! • Percent, mostly • VW and VH for headlines and page framing • PX for media queries • Ems and exes for type and max-widths The Blair Witch Project (1999) @ Artisan Entertainment
57. BIG is BEAUTIFUL, too. Little Shop of Horrors (1986) @ Warner Bros.
58. EXAMPLES
65. http://blog.typekit.com/2014/02/26/deriving-layout-from-your-typeface/
69. http://2013.report.gridsetapp.com
70. Oculus (2013) @ Relativity Media
71. DESIGN ! • Work from the content out • Find the right CSS unit for the job • Let go
73. @90sweb White Zombie (1932) @ United Artists
75. AND WHAT WILL BE LEFT OF THEM? WHO WILL SURVIVE? The House of the Devil (2009) @ MPI Media Group
78. http://media-cache-ec0.pinimg.com/236x/a2/67/8f/a2678f007607daa62959e8c67d51cb6b.jpg
79. THANK YOU. ! @nathan_ford nathan@artequalswork.com ! http://3.bp.blogspot.com/-0jqDumM7Maw/UG9_VVLgLcI/AAAAAAAAErQ/G0FslTTt57o/s1600/nick_castle_mask_on_head.jpg