future web web 2.0 2wayweb. future web where is the web going? gartner’s hype cycle experience web...

25
Future Web Web 2.0 2wayweb

Upload: emery-barnett

Post on 14-Jan-2016

233 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Future Web

Web 2.0

2wayweb

Page 2: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Future Web

Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Page 3: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Where is the Web Going?

Listen to the World – Gartner– CNET – Wired– RSS Feeds– Conferences

Seek Out Thought Leaders– Tim O’Reilly’s Foo Camp – Every October– Web Standards Project webstandards.org

Page 4: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

RSS Feeds

Are you reading RSS Feeds? Are you producing RSS Feeds?

I’m using Sage plug-in for Firefox

Page 5: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading
Page 6: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading
Page 7: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

What is Web 2.0?

Web 1.0 DoubleClick Ofoto Britanica Online Screenscraping Publishing Taxonomy Sticky

Web 2.0 Google AdSense Flickr Wikipedia Web Services Participation Tagging/Folksonomy Syndication

Page 8: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Experience Web 2.0

Flickr – flickr.com (user as contributor, tagging) del.icio.us – del.icio.us (user as contributor, tagging) Google Map – map.google.com (rich user experience) Tufts Campus Compass – inside.tufts.edu/compass/ MusicPlasma - musicplasma.com (rich user experience) Newsmap - marumushi.com/apps/newsmap/newsmap.cfm Amazon – www.amazon.com (user as contributor)

Mash-Ups Google Pedometer gmap-pedometer.com Flickr Color Picker krazydad.com/colrpickr/

Page 9: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

What is Delicious?

I wonder what XYZ thinks is delicious– Jeff Veen: del.icio.us/veen – Jon Hicks: del.icio.us/jonhicks– Molly: del.icio.us/molly

Wanna know what I think is delicious?– Glenda: del.icio.us/glsims99

(no good tool for discovering delicious feeds that I’m aware of)

Page 10: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Web 2.0 Meme (from FooCamp)

Page 11: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Web 2.0 Design Principles

Quality data and data management RULES! The Long Tail - The Market of One Hackability – Open Architecture Architecture of Participation Harness Collective Intelligence Rich User Experience

Page 12: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Data & Data Management RULES!

Web 2.0 requires a rich database with excellent databases management tools

– Google, Amazon, Maps, Ebay, Napster

Infoware – not software. Information Application. Amazon – adding to/extending their data

– Editor reviews– Publisher content (bookcovers, inside pages)– Customer reviews– Most popular (based on sales)

SQL is the new HTML

Page 13: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

The Long Tail – The Market of One

Small sites make up the bulk of the internet's content; narrow niches make up the bulk of the internet's possible applications.

Therefore: Leverage customer-self service and algorithmic data management to reach out to the entire web, to the edges and not just the center, to the long tail and not just the head.

Page 14: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

The Long TailThoughts from Adam Connor

Books– A large fraction of Amazon's sales come from books too obscure for most

"bricks and mortar" bookstores to stock. – The growth of the long tail may change the economics of many

industries. Movies

– When most movies require theatres, only a few movies can be hits at any one time, and the distribution channel is powerful

– When you can download them directly and watch them on an HDTV home theatre, a lot more movies will enjoy at least modest success.

Education– if you can turn courses into digital experiences with minimal manpower for

assessment, you can afford to "teach" courses that are too "esoteric" to be taught in physical classrooms.

Page 15: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Hackability – Open Architecture

Lightweight programming models-loosely coupled systems

Web Services – SOAP or AJAX Barriers to re-use and remix are extremely low. Harness power of open source developer community. Innovation in assembly:

– Example - Flickr API - www.flickr.com/services/ – Open API Reference - www.programmableweb.com/apis

Think Syndication not Sticky

Page 16: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Web 2.0 & Open API

“Everything you create online is being ripped apart and recombined with other stuff by thousands of curious geeks.”

“or at least it should be.”

“The easiest way to fail is by trying to control all this.”

– Jeff Veen of adaptivepath.com

Page 17: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Architecture of Participation

1. Pay people to participate

2. Motivate volunteers to participate

3. Users contribute as a side-effect of ordinary use

www.netflix.com

Build Systems That Get Better

the More People Use Them

Page 18: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Wisdom of Crowds by James SurowieckiWhy the Many Can Be Smarter than the Few

Collective Wisdom

A group of independent thinkers can be smarter than the smartest person in the group.

Draws on a diverse set of information sources and opinions

Looks outside their norm (we tend to surround ourselves with people we agree with)

Page 19: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Web 2.0 – Concept Catalyst

Conversations that were once limited to a handful of folks nearby are now conducted amongst thousands of very bright minds all over the world, using blogs and message boards.

Ideas that once would have taken years to work out, now happen in months, as one idea begets another.

The web is changing the nature of collaboration. For hundreds of years, a lot of the value of Universities has

been in getting bright people together in a place where they can interact.

While there are still advantages to face-to-face contact, the web is providing an alternative accessible to a much larger number of actors.

Quote from Adam Connor

Page 20: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Amazon & Netflix

Science of user engagement Invitation to participate on virtually every page Harnesses the power of the users Built in ethic of cooperation – win/win

Page 21: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Harness the Power of Collective Intelligence

Trust your users Users Add Layers of Value Applications that learn from user behavior Users contribute as a side-effect of ordinary use Software gets better the more people use it Emergent user behavior not predetermined

Page 22: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Rich User Experience

Usable– useful, easy to use, likeable, learnable

Multi-sensory– Sight, Sound, Touch

Truly Interactive– Emergent user behavior, Not predetermined, Non-linear

Collaborative Mentally Stimulating

– Emotionally, Intellectually, Socially, Spirtually Satisfying

Page 23: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Rich User Experiences

Arts Social Networks Gaming

Page 24: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Rich Museum Experiences

Turning the Pages – The British Library www.bl.uk/onlinegallery/ttp/ttpbooks.html

PEM Artscape www.pem.org/artscape/index.php

SFMOMA Anderson Project www.sfmoma.org/anderson/

Page 25: Future Web Web 2.0 2wayweb. Future Web Where is the web going? Gartner’s Hype Cycle Experience Web 2.0 Web 2.0 Design Principles Recommended Reading

Recommended Reading

What is Web 2.0? by O’Reilly www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

Programmable Web www.programmableweb.com/matrix