Feeding Creativity Without Compromising User Needs

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

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