Designing for developers

Originally presented by Andy Clarke 
at Future of Web Design, London, 2007

Transcript

1. Originally presented by Andy Clarke
   at Future of Web Design, London, 2007
   Designing for
   developers
   Andy Clarke is a digital designer, speaker,
   and writer whose designs have helped
   companies around the world to increase
   their sales pipeline and revenue, and
   charities to increase donations.
   He founded Stuff & Nonsense and has
   consulted and designed for clients including
   Disney Store UK, Fairfax Media, Home Office
   (UK), Greenpeace, ISO, SAP, STV, SunLife,
   WIPO, and WWF.
   He works on creative website and digital
   product designs and provides ongoing
   creative direction. He coaches agencies and
   mentors designers on dealing with clients,
   and delivering creative projects.
   If you’re looking to design better digital
   products and websites, develop a design
   system or style guide, or want to understand
   how design can help your business, you
   should talk to him.
   Stuff & Nonsense Ltd. Eversleigh, Lon Capel, Gwaenysgor, Flintshire, LL18 6EJ, UK
   For work enquiries go to
   stuffandnonsense.co.uk
   or call +44 (0)1745 851848
   

   View Slide

2. View Slide

3. Designing
for
developers Future
of
Web
Design,
London,
2007
   Beyond
   designing for
   developers
   http://stuffandnonsense.co.uk/downloads/fowd.zip
   - andy clarke
   

   View Slide

4. Designing
for
developers Future
of
Web
Design,
London,
2007
   Portrait
by
Patrick
Lauke
   

   View Slide

5. Designing
for
developers Future
of
Web
Design,
London,
2007
   

   View Slide

6. Designing
for
developers Future
of
Web
Design,
London,
2007
   Beyond
   “it doesn’t matter,
   the colour of the car,
   but what goes on
   beneath the bonnet”
   billy bragg - a lover sings
   

   View Slide

7. Designing
for
developers Future
of
Web
Design,
London,
2007
   

   View Slide

8. Designing
for
developers Future
of
Web
Design,
London,
2007
   [photo
of
mechanic]
   

   View Slide

9. Designing
for
developers Future
of
Web
Design,
London,
2007
   [photo
of
mechanic]
   

   View Slide

10. Designing
for
developers Future
of
Web
Design,
London,
2007
    [photo
of
mechanic]
    

    View Slide

11. Designing
for
developers Future
of
Web
Design,
London,
2007
    [photo
of
mechanic]
    

    View Slide

12. Designing
for
developers Future
of
Web
Design,
London,
2007
    [photo
of
mechanic]
    

    View Slide

13. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

14. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

15. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

16. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

17. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

18. Designing
for
developers Future
of
Web
Design,
London,
2007
    “xhtml is an excellent
    structure that can serve
    as the basis for a
    wireframe that can later
    be transitioned into a
    prototype via css”
    nick finck
    blueflavor.com/ed/information_architecture/recyclable_information_archite.php
    

    View Slide

19. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

20. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

21. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

22. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

23. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

24. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

25. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

26. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

27. Designing
for
developers Future
of
Web
Design,
London,
2007
    “the semantic framing of
    pages in xhtml makes it all
    the way to production in
    95% of the projects. the
    time savings have been
    about a quarter to a third
    of development time”
    thomas vander wal
    vanderwal.net/random/category.php?cat=84
    

    View Slide

28. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

29. Designing
for
developers Future
of
Web
Design,
London,
2007
    Post title
    Post summary
    Post body
    Advice heading
    Heading
    Heading
    Heading
    Quoted advice
    Quoted advice
    Heading
    Summary
    Summary
    

    View Slide

30. Designing
for
developers Future
of
Web
Design,
London,
2007
    Post title
    Post summary
    Post body
    Advice heading
    Heading
    Heading
    Heading
    Quoted advice
    Quoted advice
    Heading
    Summary
    Summary
    
    
    
    
    
    
    
    
    
    
    
    
    

    View Slide

31. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

32. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

33. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

34. Designing
for
developers Future
of
Web
Design,
London,
2007
    

    View Slide

35. Designing
for
developers Future
of
Web
Design,
London,
2007
    dan cederholm
    Microformats
by
John
Allsopp
‐
Friends
of
Ed
2007
    “as an interface designer
    (I) can use microformats
    and then people who
    actually know what they
    are doing can do really
    cool stuff with the data”
    

    View Slide

36. Designing
for
developers Future
of
Web
Design,
London,
2007
    Beyond
    designing for
    developers
    - andy clarke
    http://stuffandnonsense.co.uk/downloads/fowd.zip
    

    View Slide

37. View Slide