Loading...
Flash Player 9 (or above) is needed to view slideshows. We have detected that you do not have it on your computer.To install it, go here
How to Bluff Your Way in Web 2.0
The talk me and Jeremy gave at SXSW 2007
620 views | comments | 0 favorites | 14 downloads | 0 embeds (Stats)
More Info
This slideshow is Public
Total Views: 620 on Slideshare: 620 from embeds: 0
Slideshow Transcript
- Slide 1: How to
Blu Your Way
in
WEB 2.0
by Andy Budd and Jeremy Keith
Clearleft.com
- Slide 2: Bingo!
bingo.adactio.com
Complete a line, shout “bingo” and win a book.
It’s that Simple!
Clearleft.com
- Slide 3: What’s the Point?
Clearleft.com
- Slide 4: Talk like Jason Fried
Clearleft.com
- Slide 5: Get bought by Yahoo!
Clearleft.com
- Slide 6: Get bought by Yahoo!
Get bought by Yahoo!
Clearleft.com
- Slide 7: Bluffer
Hang out with the in crowd
Clearleft.com
- Slide 8: What is Web 2.0?
Clearleft.com
- Slide 9: an emerging network-centric
platform to support
distributed, collaborative and
cumulative creation by its users
John Hagel
Clearleft.com
- Slide 10: Web 1.0 was about commerce.
Web 2.0 is people
Ross Mayfield
Clearleft.com
- Slide 11: A startup that generates more
RSS than revenue
Endgadget
Clearleft.com
- Slide 12: Web 2.0 is a state of mind. It’s a
zen thing. e sound of one
hand clapping.
Andy Budd
Clearleft.com
- Slide 13: Four Pillars of Web 2.0
Clearleft.com
- Slide 14: Four Pillars of Web 2.0
Supports social interaction
Clearleft.com
- Slide 15: Four Pillars of Web 2.0
Supports social interaction
Encourages user participation
Clearleft.com
- Slide 16: Four Pillars of Web 2.0
Supports social interaction
Encourages user participation
Enhanced user experience
Clearleft.com
- Slide 17: Four Pillars of Web 2.0
Supports social interaction
Encourages user participation
Enhanced user experience
Open data
Clearleft.com
- Slide 18: Four Pillars of Web 2.0
Supports social interaction
Encourages user participation
Enhanced user experience
Open data
Clearleft.com
- Slide 19: Handy Buzzwords
Folksonomies
Tagging
APIs
Ajax RSS
Tipping point
Widgets
Microformats
Mashup
Long tail Leverage
RIA
Community
Wisdom of crowds
Social software
Clearleft.com
- Slide 20: Popular web 2.0 apps
Clearleft.com
- Slide 21: Popular web 2.0 apps
Twitter Lastfm Moo
flickr Odeo BackPack
Technorati YouTube MeasureMap
Linkedin Facebook Rollyo
Basecamp Upcoming Plazes
Digg del.icio.us Yelp
Ning Magnolia Netvibes
Meebo NewsVine Ask City
Clearleft.com
- Slide 22: Conversation Starters
Clearleft.com
- Slide 23: Conversation Starters
What do you think of XYZ framework?
Clearleft.com
- Slide 24: Conversation Starters
What do you think of XYZ framework?
Didn’t I meet you at the techcrunch party?
Clearleft.com
- Slide 25: Conversation Starters
What do you think of XYZ framework?
Didn’t I meet you at the techcrunch party?
I’m beta testing this great new app that will blow
basecamp out of the water!
Clearleft.com
- Slide 26: Conversation Starters
What do you think of XYZ framework?
Didn’t I meet you at the techcrunch party?
I’m beta testing this great new app that will blow
basecamp out of the water!
Web 2.0 is so last year. I’m focussing on web 3.0
Clearleft.com
- Slide 27: Conversation Starters
What do you think of XYZ framework?
Didn’t I meet you at the techcrunch party?
I’m beta testing this great new app that will blow
basecamp out of the water!
Web 2.0 is so last year. I’m focussing on web 3.0
Is it just me or does one the guys from the web
2.0 show sound like Strong Sad?
Clearleft.com
- Slide 28: Conversation Starters
What do you think of XYZ framework?
Didn’t I meet you at the techcrunch party?
I’m beta testing this great new app that will blow
basecamp out of the water!
Web 2.0 is so last year. I’m focussing on web 3.0
Is it just me or does one the guys from the web
2.0 show sound like Strong Sad?
Clearleft.com
- Slide 29: Design Aesthetic
Clearleft.com
- Slide 30: Clearleft.com
- Slide 31: Clearleft.com
- Slide 32: Clearleft.com
- Slide 33: Clearleft.com
- Slide 34: Clearleft.com
- Slide 35: Clearleft.com
- Slide 36: e Fonts of Web 2.0
Clearleft.com
- Slide 37: e Fonts of Web 2.0
Vag
Myriad Pro
Clarendon
Arial Rounded
Clearleft.com
- Slide 38: e Fonts of Web 2.0
Helvetica
Vag
FF Meta
Myriad Pro
DIN
Clarendon
Interstate
Arial Rounded
Clearleft.com
- Slide 39: e Web 2.0 Cargo Cult
Clearleft.com
- Slide 40: “We want both our logo
and web site to be friendly,
fun and embrace Web 2.0”
Clearleft.com
- Slide 41: “ e website has to be very
2.0 - clean - social etc...”
Clearleft.com
- Slide 42: “If you have any examples
of ‘web 2.0’ style design,
that’d be great”
Clearleft.com
- Slide 43: “Developer experience in
using Web 2.0 design
standards in previous work”
Clearleft.com
- Slide 44: “Since we want our website to follow
Web 2.0 design standards, we would
like the 15 standards at
www.webdesignfromscratch.com/
web-2.0-design-style-guide.cfm to be
adapted into the new site”
Clearleft.com
- Slide 45: e Web 2.0 Standards?
Clearleft.com
- Slide 46: e Web 2.0 Standards?
1. Simplicity 8. Bigger text
2. Central layout 9. Bold text introductions
3. Fewer columns 10. Strong colours
4. Separate top section 11. Rich surfaces
5. Solid areas of screen 12. Gradients
real-estate
13. Reflections
6. Simple nav
14. Cute icons
7. Bold logos
15. Star flashes
Clearleft.com
- Slide 47: Is Your Website Web 2.0?
web2.0validator.com
Check to see if your site is web 2.0 enough!
Clearleft.com
- Slide 48: Possibly the Most Web 2.0 Site
in the World?
Clearleft.com
- Slide 49: Technology
Clearleft.com
- Slide 50: Microformats
Clearleft.com
- Slide 51: Microformats
Clearleft.com
- Slide 52: RSS
Clearleft.com
- Slide 53: RSS
Clearleft.com
- Slide 54: APIs
Clearleft.com
- Slide 55: APIs
REST
Clearleft.com
- Slide 56: APIs
REST SOAP
Clearleft.com
- Slide 57: APIs
REST SOAP
Clearleft.com
- Slide 58: APIs
REST SOAP
Clearleft.com
- Slide 59: APIs
REST SOAP
Mashups!
Clearleft.com
- Slide 60: Clearleft.com
- Slide 61: Clearleft.com
- Slide 62: Clearleft.com
- Slide 63: Clearleft.com
- Slide 64: Clearleft.com
- Slide 65: Clearleft.com
- Slide 66: Clearleft.com
- Slide 67: Clearleft.com
- Slide 68: Clearleft.com
- Slide 69: Clearleft.com
- Slide 70: Ajax
Clearleft.com
- Slide 71: Ajax
DHTML
Clearleft.com
- Slide 72: Ajax
DHTML
sliding moving fading
Clearleft.com
- Slide 73: Moo FX
Clearleft.com
- Slide 74: Scriptaculous
Clearleft.com
- Slide 75: A
J
A
X
Clearleft.com
- Slide 76: Accessibilty
Just
Ain’t
Xciting
Clearleft.com
- Slide 77: Clearleft.com
- Slide 78: “Any sufficiently advanced technology is indistinguishable
from magic.”
Clearleft.com
- Slide 79: How to Build Your Own
Web 2.0 App
Clearleft.com
- Slide 80: Come up with a cool name
www.lightsphere.com/dev/web20.html
Clearleft.com
- Slide 81: Cool Names
Trimba
Jaxpad
Muzu
Nmix Zaboo
Viba
Pixoyo
rid.iculo.us
Youzoom
Devtube Jambu
Rooveo
Getwatted
Tagvine
Yakidoo
Clearleft.com
- Slide 82: and a Cool Logo
Clearleft.com
- Slide 83: Set up a mysterious
homepage
Clearleft.com
- Slide 84: Clearleft.com
- Slide 85: Clearleft.com
- Slide 86: ink of a concept
Clearleft.com
- Slide 87: ink of a concept
Web 2.0-ify an old idea
Clearleft.com
- Slide 88: ink of a concept
Web 2.0-ify an old idea
Rebuild a popular web 2.0 app
Clearleft.com
- Slide 89: ink of a concept
Web 2.0-ify an old idea
Rebuild a popular web 2.0 app
Combine two apps
Clearleft.com
- Slide 90: ink of a concept
Web 2.0-ify an old idea
Rebuild a popular web 2.0 app
Combine two apps
Online version of an offline app
Clearleft.com
- Slide 91: Build it on the cheap
Clearleft.com
- Slide 92: and spend all the money on
design
Clearleft.com
- Slide 93: Demo
Clearleft.com
- Slide 94: Big launch
Clearleft.com
- Slide 95: Wait for Yahoo! or Google
Clearleft.com
- Slide 96: Social... stu
Clearleft.com
- Slide 97: e Wisdom of Crowds
Clearleft.com
- Slide 98: e Greater Internet
Fuckwad eory
Clearleft.com
- Slide 99: e Greater Internet
Fuckwad eory
Clearleft.com
- Slide 100: Community
Clearleft.com
- Slide 101: Clearleft.com
- Slide 102: Clearleft.com
- Slide 103: Clearleft.com
- Slide 104: Ratings
Clearleft.com
- Slide 105: Clearleft.com
- Slide 106: Clearleft.com
- Slide 107: Clearleft.com
- Slide 108: Tagging
Clearleft.com
- Slide 109: Clearleft.com
- Slide 110: Clearleft.com
- Slide 111: Clearleft.com
- Slide 112: Clearleft.com
- Slide 113: Clearleft.com
- Slide 114: Clearleft.com
- Slide 115: Bookmarking
Clearleft.com
- Slide 116: Clearleft.com
- Slide 117: Clearleft.com
- Slide 118: Clearleft.com
- Slide 119: Clearleft.com
- Slide 120: Comments
Clearleft.com
- Slide 121: Comments
“A blog without comments isn’t a blog.”
Clearleft.com
- Slide 122: Comments
“A blog without comments isn’t a blog.”
“A blog without absolutist opinions isn’t a blog.”
Clearleft.com
- Slide 123: Comments
“A blog without comments isn’t a blog.”
“A blog without absolutist opinions isn’t a blog.”
“A blog without tagging, RSS,
Digg this links, add to del.icio.us links,
add to Newsvine links, microformats,
absolutists opinions and comments isn’t a blog.”
Clearleft.com
- Slide 124: “None of us are as dumb as all of us.”
Clearleft.com