$30 off During Our Annual Pro Sale. View Details »

Designing for developers

Andy Clarke
April 17, 2007

Designing for developers

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

Andy Clarke

April 17, 2007
Tweet

More Decks by Andy Clarke

Other Decks in Design

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