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

No Web 2.0 without responsibility

No Web 2.0 without responsibility

Originally presented by Andy Clarke at WWW2006, Edinburgh, 2006

Andy Clarke

May 23, 2006
Tweet

More Decks by Andy Clarke

Other Decks in Design

Transcript

  1. Originally presented by Andy Clarke
    at WWW2006, Edinburgh, 2006
    No Web 2.0 without
    responsibility
    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. The Web Standards Project is a
    grassroots coalition fighting for
    standards that ensure simple,
    affordable access to web
    technologies for all
    www.webstandards.org

    View Slide

  3. Members from
    different backgrounds
    in over 40 countries
    working voluntarily in
    task forces to promote
    standards
    www.webstandards.org
    Accessibility
    DOM scripting
    Education
    Internationalization
    Macromedia
    Microsoft

    View Slide

  4. No Web 2.0
    without responsibility
    ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND

    View Slide

  5. No Web 2.0
    without responsibility
    Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
    ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND
    www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf
    All works are copyright of their original owners and all copyrights, trademarks and ownerships recognised.
    this presentation is for educational purposes only.
    With thanks to Tim O’Reilly’s ‘What is Web 2.0’

    View Slide

  6. No Web 2.0
    without responsibility
    Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
    ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND
    www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf
    All works are copyright of their original owners and all copyrights, trademarks and ownerships recognised.
    this presentation is for educational purposes only.
    With thanks to Tim O’Reilly’s ‘What is Web 2.0’
    BETA
    15 minute
    version

    View Slide

  7. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Tim O’Reilly
    http://radar.oreilly.com/archives/2005/10/web_20_compact_definition.html
    “Web 2.0 is the network as platform, spanning all
    connected devices; Web 2.0 applications are those
    that make the most of the intrinsic advantages of
    that platform: delivering software as a service that
    gets better the more people use it, consuming and
    remixing data from multiple sources, including
    individual users, while providing their own data in a
    form that allows remixing by others, creating network
    effects through an "architecture of participation,"
    and going beyond the page metaphor of Web 1.0 to
    deliver rich user experiences. ”
    What is Web 2.0?

    View Slide

  8. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Tim O’Reilly
    http://radar.oreilly.com/archives/2005/10/web_20_compact_definition.html
    “Web 2.0 is the network as platform, spanning all
    connected devices; Web 2.0 applications are those
    that make the most of the intrinsic advantages of
    that platform: delivering software as a service that
    gets better the more people use it, consuming and
    remixing data from multiple sources, including
    individual users, while providing their own data in a
    form that allows remixing by others, creating network
    effects through an "architecture of participation,"
    and going beyond the page metaphor of Web 1.0 to
    deliver rich user experiences. ”
    What is Web 2.0?

    View Slide

  9. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The biggest challenges in creating Ajax applications
    are not technical. The core Ajax technologies are
    mature, stable, and well understood. Instead, the
    challenges are for the designers of these applications:
    to forget what we think we know about the
    limitations of the Web, and begin to imagine a wider,
    richer range of possibilities. ”
    What is AJAX?

    Jesse James Garrett
    http://www.adaptivepath.com/publications/essays/archives/000385.php

    View Slide

  10. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Ajax isn’t a technology. It’s really several technologies,
    each flourishing in its own right, coming together in
    powerful new ways. Ajax incorporates:


    • standards-based presentation using XHTML and CSS;
    • dynamic display and interaction using the DOM;
    • data interchange and manipulation using XML and XSLT;
    • asynchronous data retrieval using XMLHttpRequest;
    • and JavaScript binding everything together.
    Jesse James Garrett
    http://www.adaptivepath.com/publications/essays/archives/000385.php
    What is AJAX?

    View Slide

  11. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The biggest challenges in creating Ajax applications
    are not technical. The core Ajax technologies are
    mature, stable, and well understood. Instead, the
    challenges are for the designers of these applications:
    to forget what we think we know about the
    limitations of the Web, and begin to imagine a wider,
    richer range of possibilities. ”
    What is AJAX?

    Jesse James Garrett
    http://www.adaptivepath.com/publications/essays/archives/000385.php

    View Slide

  12. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    What is Web 2.0?
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device

    View Slide

  13. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.flickr.com

    View Slide

  14. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.odeo.com

    View Slide

  15. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.youtube.com

    View Slide

  16. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.myspace.com

    View Slide

  17. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    New companies often sacrifice
    semantic markup, efficient CSS
    and accessibility in the rush to
    market
    www.youtube.com

    View Slide

  18. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    New companies often sacrifice
    semantic markup, efficient CSS
    and accessibility in the rush to
    market
    Some established companies
    have learned little from the
    past. Presentational markup
    continues to limit potential
    express.ebay.com

    View Slide

  19. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Designers understand that
    meaningful markup and efficient
    CSS creates rich, flexible and
    accessible services
    ma.gnolia.com
    New companies often sacrifice
    semantic markup, efficient CSS
    and accessibility in the rush to
    market
    Some established companies
    have learned little from the
    past. Presentational markup
    continues to limit potential

    View Slide

  20. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Designers grapple every day with
    communicating meaning
    through branding, composition
    and typography
    www.corkd.com
    Designers are uniquely qualified
    to make decisions on meaningful
    markup

    View Slide

  21. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.corkd.com

    View Slide

  22. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    ma.gnolia.com

    View Slide

  23. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    www.aimpages.com

    View Slide

  24. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    What is Web 2.0?
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device

    View Slide

  25. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    What could be Web 2.0?
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device
    A platform that can be used by
    people of varying abilities using
    different technologies

    View Slide

  26. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device
    Services that are open to many
    technologies using meaningful
    markup and transcendent CSS to
    provide the visual interfaces
    What could be Web 2.0?

    View Slide

  27. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device
    People from many backgrounds
    having different abilities and
    experiences
    What could be Web 2.0?

    View Slide

  28. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device
    Open to all people to participate
    What could be Web 2.0?

    View Slide

  29. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    The web as a platform
    Cooperation rather than control
    Collective intelligence
    and experience
    People add value
    Software above a single device
    Transcendent CSS provides the
    possibilities to style services
    content for delivery to multiple
    devices
    What could be Web 2.0?

    View Slide

  30. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Andy Clarke
    Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006)
    “Transcendent CSS makes full use of the most up-to-
    date CSS techniques and in doing so does not require
    that we limit our creativity to the limited capabilities
    of legacy browsers. Transcendent CSS looks to the
    future by using CSS techniques that are not yet fully
    supported across every modern browser.
    The key to Transcendent CSS in modern web design is
    the understanding that our designs do not have to
    display exactly the same across all browsers and all
    platforms.

    What is Transcendent CSS?

    View Slide

  31. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Andy Clarke
    Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006)

    What should be Web 2.0?
    The web has not reached version 2, it is barely out of
    Alpha. Only when lightweight, meaningful markup,
    flexible design presented through CSS and content
    that is accessible will these technologies achieve
    their best potential.
    Web standards and accessibility should not be part of
    future versions or design iterations, they should take
    their rightful place at the very center of any product
    or service considered to be Web 2.0. There is much
    work still to do and there can be no Web 2.0 without
    responsibility. ”

    View Slide

  32. NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA)
    Andy Clarke
    Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006)
    “The web has not reached version 2, it is barely out of
    Alpha. Only when lightweight, meaningful markup,
    flexible design presented through CSS and content
    that is accessible will these technologies achieve
    their best potential.
    Web standards and accessibility should not be part of
    future versions or design iterations, they should take
    their rightful place at the very center of any product
    or service considered to be Web 2.0. There is much
    work still to do and there can be no Web 2.0 without
    responsibility. ”
    What should be Web 2.0?

    View Slide

  33. All works are copyright of their original owners and all copyrights,
    trademarks and ownerships recognised.
    this presentation is for educational purposes only
    No Web 2.0
    without responsibility
    Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
    www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf
    ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND

    View Slide