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

Feeding Creativity Without Compromising User Needs

Andy Clarke
October 03, 2006

Feeding Creativity Without Compromising User Needs

Originally presented by Andy Clarke
at Fundamentos Web, Oviedo, Spain, 2006

Andy Clarke

October 03, 2006
Tweet

More Decks by Andy Clarke

Other Decks in Design

Transcript

  1. Originally presented by Andy Clarke
    at Fundamentos Web, Oviedo, Spain, 2006
    Feeding Creativity
    Without Compromising
    User Needs
    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. Copyright. All Rights Reserved. All works are copyright of their original owners and all copyrights,
    trademarks and ownerships recognized. This presentation is for educational purposes only
    Transcending CSS
    Feeding creativity without
    compromising user needs

    View Slide

  4. View Slide

  5. View Slide

  6. Transcending CSS Feeding Creativity Without Compromising User Needs
    “W3C Markup Validation
    Service checks Web
    documents in formats like
    HTML for conformance to
    W3C standards.”
    Validation
    SOURCE: W3C
    “The ease with which
    people can employ a
    particular tool or other
    human-made object in
    order to achieve a
    particular goal.”
    Usability
    SOURCE: WIKIPEDIA
    “A general term used to
    describe the degree to
    which a system is usable
    by as many people as
    possible without
    modification.”
    Accessibility
    SOURCE: WIKIPEDIA

    View Slide

  7. Transcending CSS Feeding Creativity Without Compromising User Needs
    Design stake-holders
    Symbolic embodiment of a company,
    product or service. Typically includes a
    name, logo and other visual elements. It
    also encompasses the set of expectations
    associated with a product or service which
    typically arise in the minds of people.
    Brand
    SOURCE: WIKIPEDIA


    View Slide

  8. Transcending CSS Feeding Creativity Without Compromising User Needs
    Design stake-holders
    The process of planning and executing
    pricing, promotion and distribution of
    goods, ideas and services to create
    exchanges that satisfy individual and
    organizational goals.
    Marketing
    SOURCE: WIKIPEDIA


    View Slide

  9. Transcending CSS Feeding Creativity Without Compromising User Needs
    Design stake-holders
    Further business influences
    including sponsorship and
    advertising requirements, sales
    objectives and the needs of
    business management.
    Business
    SOURCE: WIKIPEDIA


    View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. -1
    -1
    -1
    -1

    View Slide

  18. -1
    -1
    -1

    View Slide

  19. -1

    View Slide

  20. View Slide

  21. -1

    View Slide

  22. +1

    View Slide

  23. -1
    -1

    View Slide

  24. +1

    View Slide

  25. View Slide

  26. +1

    View Slide

  27. Show navigation
    Contextual navigation
    Image based content
    Contextual navigation
    Content
    Contextual navigation
    Show identity
    HBO global navigation
    Page identity

    View Slide

  28. Show navigation
    Contextual navigation
    Image based content
    Contextual navigation
    Content
    Contextual navigation
    Show identity
    HBO global navigation
    Page identity

    View Slide

  29. +1
    +1

    View Slide

  30. -1

    View Slide

  31. -1

    View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. Remarking Tim Burton’s
    Corpse Bride web site
    stuffandnonsense.co.uk/
    downloads / corpsebride .zip
    Copyright. All Rights Reserved. All works are copyright of their original owners and all copyrights,
    trademarks and ownerships recognized. This presentation is for educational purposes only

    View Slide

  37. Copyright. All Rights Reserved. All works are copyright of their original owners and all copyrights,
    trademarks and ownerships recognized. This presentation is for educational purposes only
    Transcending CSS
    Feeding creativity without
    compromising user needs

    View Slide

  38. Transcending CSS
    The Fine Art Of Web Design
    Forward by Edited and an introduction by
    Molly E. Holzschlag
    Dave Shea
    New Riders Winter 2006

    View Slide

  39. View Slide