4. â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
continually-updated service that gets better the more people
use it, consuming and remixing data from multiple sources,
including individual users, while providing their own data and
services 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.â
â Tim OâReilly, Web 2.0: Compact Definition?
Photo credit: Adam Tinworth
â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 continually-updated service that gets better the more people use it,
consuming and remixing data from multiple sources, including individual users, while
providing their own data and services 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.â
5. âWeb 2.0 is the business revolution in the computer industry
caused by the move to the internet as platform, and an
attempt to understand the rules for success on that new
platform. Chief among those rules is this: Build applications
that harness network effects to get better the more people
use them. (This is what Iâve elsewhere called âharnessing
collective intelligence.â)â
â Tim OâReilly
Photo credit: Adam Tinworth
Web 2.0 is the business revolution in the computer industry caused by the move to the
internet as platform, and an attempt to understand the rules for success on that new
platform. Chief among those rules is this: Build applications that harness network effects to
get better the more people use them. (This is what Iâve elsewhere called âharnessing
collective intelligence.â)
7. WWW
to a web of people.
And so when we talk about the âsocialâ web,
8. âSocialâ is the
state of living as a âsocietyâ
weâre really talking about society â the collection of norms, habits and behaviors that deďŹne
what a fairly large collection of people are all about.
9. the basic atomic unity of society is the individual.
which is critical when it comes to the designing for the social web
10. the basic atomic unity of society is the individual.
which is critical when it comes to the designing for the social web
11. social is also probably the most overused word of 2009.
so letâs get back to some basics. (CLICK)
12. A few old assumptions
before we talk about whatâs new, letâs talk about some things that havenât changed
they apply throughout the historical development of technology.
15. People want to know whatâs in it for them
Third, people want to know whatâs in it for them
âwhy should I care?â
16. People want it to âjust workâ
Fourth, People want it to be easy and âjust workâ
17. People donât care about technology
Fifth, people donât care about technology. Not really.
natural skepticism: âdonât complicate my lifeâ
technology creates aprehension: âi donât want to learn something newâ
18. People shouldnât need to care about technology
Sixth, they shouldnât need to care about it to beneďŹt from it.
19. Good technology is largely invisible â it blends in and enhances without encumbering. Think
of the iPod and all the technology that makes it possible.
39. Lessons
⢠Remove all barriers to getting in to your service
⢠Let people sign up and login to your site using an existing
account that they already have
⢠Realize that this shift is the beginning of internet identity
⢠Itâs not about âowning your customerâ
* Remove barriers
* Let people sign up using an existing account
* this is the beginning of internet identity
* Itâs not about âowning your customerâ -- itâs about SERVING your customer
40. 2.
Their friends are online
Now, of course if you make it really easy for people to sign up, youâll ďŹnd that people WILL
sign up.
Which means more and more people are actually online â and those people have friends who
are also online.
So, Iâve been doing a lot of travel recently and I was in London brieďŹy on my way back to San
Francisco from Europe. (CLICK)
41. In the terminal was this funny little computer that advertised a very interesting service...
CHECK YOUR BEBO FACEBOOK MYSPACE HERE!
...all social networks that we know and love, right? (CLICK)
42. Well, the killer was that they had a WHOLE SCREEN devoted just to Twitter.
I mean, this is in Heathrow, whose typical clientele (CLICK)
43. Photo by Erin SifďŹng
I wouldnât imagine would be all that into Twitter.... But then again, I could be wrong.
But I think underlying this is the fact that people and their friends are online.
44. so clearly you want to make it easy for people to connect with people that they know.
however, what you DONâT want to do, is ask for peopleâs passwords (CLICK)
45. so clearly you want to make it easy for people to connect with people that they know.
however, what you DONâT want to do, is ask for peopleâs passwords (CLICK)
46. in fact, there are even better ways of making use of PUBLIC data to import friends. (CLICK)
For example, by searching over someoneâs Twitter friends.
47. in fact, there are even better ways of making use of PUBLIC data to import friends. (CLICK)
For example, by searching over someoneâs Twitter friends.
48. Lessons
⢠People want to be where their friends are
⢠Make it easy to bring friends in from elsewhere
⢠Donât ask people for their passwords!
* People want to be where their friends are
* Make it easy to bring friends in from elsewhere
* Donât ask people for their passwords!
49. 3.
Email is the new fax machine
Not long ago, the fax machine was the darling of industry.
All kinds of business was conducted over telephone lines, sending data at whopping speeds
up to 33.6 kbit/s. (CLICK)
50. Photo by Fenchurch!
but those days are over.
and that might be the case for email too as well. (CLICK)
52. in its place, weâre seeing people use social network-based messaging and instant messaging
services like MSN and AIM, even Twitter.
53. Wikipedia
Monthly SMS messages sent in USA (in millions)
Just take a look at the meteoric rise in SMS volume in the past couple years...
54. One useful anecdote... my girlfriend Brynn has a friend named Celea who she used to babysit
for and is now 15.
They hung out last weekend and Brynn talked to her about how she keeps in touch with her
friends. She has unlimited SMS plan... but can't make phone calls. She says quot;twitter doesn't
exist for herquot;.
Itâs a whole new world which demands thinking beyond email.
55. Crusher is an evite-killer that gives you quite a few options for controlling how they notify
you.
56. FriendFeed similarly gives you a good deal of control, including email, but also offering IM
and desktop notiďŹcation.
58. Lessons
⢠Donât rely on just email to communicate with your
customers
⢠Let your customers specify how they want to be
contacted
59. 4.
Discovery will save us all
one of the problems that we have once we make assumptions like people have accounts and
friends elsewhere is how we go about asking people for this information. (CLICK)
60. we end up overwhelming the user with choices â so what does someone do here when they
have a google, yahoo and AOL account?
63. Photo by Timothy Vogel
this is what we call the NASCAR problem, something that I think weâre going to hear a lot
more about.
64. And this problem isnât just related to OpenID. In general itâs increasingly challenging to
provide all the possible choices.
now things will get better here, but we have a long way to go.
65. Lessons
⢠Keep an eye out for XRD/LRDD (new discovery protocols)
⢠Keep in mind that the shotgun approach is painful
all that i can really offer you now is to:
Keep an eye out for XRD/LRDD (new discovery protocols)
Keep in mind that the shotgun approach is painful
66. 5.
Cloud computing is upon us
on the heels of discovery, or maybe because of discovery, I think
67. c:
icon by Seedling Design
weâre going from owning our own hard drives with our data... (CLICK)
68. http://
icon by Seedling Design
to moving our data to the cloud.
69. icons by Seedling Design and Fast Icon
youâve got your youtube, facebook, ďŹickr... no one will need to do backups anymore, but this
will have a profound impact on how you design services.
70. icons by Seedling Design, etc
hybrid applications like this essentially require a connection to function.
71. and weâre even seeing this creep into desktop applications like Keynote where there is now a
Share menu... that I imagine will slowly replace the File menu (like the fax machine).
72. icon by Seedling Design
which brings me back to openid.
combined with discovery, I believe that you will use your OpenID as a universal pointer to all
of your services, so when a great new web applications launches, you simply sign in, provide
authorization and BOOM, you can get to work.
this is how cloud computing will be put to work for us.
77. on the ďŹip side, if software doesnât have sharing built in, i think itâs broken.
this is from google spreadsheets... this is why Microsoft Office is going to ultimately fail
unless they really move towards a web-friendly, open sharing model.
78. Lessons
⢠Sharing is a core feature of social applications
⢠Giving people good privacy controls and sane defaults is
critical to getting people to share
⢠Software that doesnât have sharing built-in is broken
⢠Donât rely on proprietary/platform-specific sharing
mechanisms; embrace the web
* Sharing is a core feature of social applications
* Giving people good privacy controls and sane defaults is critical to getting people to share
* Software that doesnât have sharing built-in is broken
* Donât rely on proprietary/platform-speciďŹc sharing mechanisms; embrace the web
80. Facebook recommendations
No where is this more obvious than on Facebook.
Here is a list of three people that Facebook has recommended to me.
The second one was suggested because we went to the same high school. Kind of a stretch,
right? I mean, what is that in the photo? A pillow? I have no idea WHO SHE IS
81. So letâs say I actually dive in and ask Facebook to list ALL the people it thinks I might know...
this is where it gets interesting.
(click)
Now, here I see someone I know. Iâve met Eric in person; I could probably add him as a
friend... but is it really him? Itâs not like I have some shared secret with him to verify that this
is actually an online representation of his...
82. So letâs say I actually dive in and ask Facebook to list ALL the people it thinks I might know...
this is where it gets interesting.
(click)
Now, here I see someone I know. Iâve met Eric in person; I could probably add him as a
friend... but is it really him? Itâs not like I have some shared secret with him to verify that this
is actually an online representation of his...
83. so I decide to do a search â and lo, out of 444 results, he comes up ďŹrst. Sure, but this is the
same guy from the previous page.
(click)
If we have 63 mutual friends, well, thatâs starting make this more plausible...
84. so I decide to do a search â and lo, out of 444 results, he comes up ďŹrst. Sure, but this is the
same guy from the previous page.
(click)
If we have 63 mutual friends, well, thatâs starting make this more plausible...
85. Ok, now Iâm feeling pretty conďŹdent. In lieu of a shared secret between us, a familiar social
graph is a reasonable substitute. Get that: by revealing oneâs social connections I get closer
to someoneâs real identity.
86. your social graph is essentially a kind of identity ďŹngerprint for people who know you and
know who you know.
but this is really only possible because my mutual friends shared their identities ďŹrst.
87. @factoryjoe
so some of you might know that I use âfactoryjoeâ as my username on the web.
But, no one in the real world has any frigging clue who âfactoryjoeâ is, especially without
context.
And so people have come up to me and called me âJoeâ without even thinking about it.
This online identity was becoming better known than me!
88. @factoryjoe
@chrismessina
So I killed it. At least on Twitter. And now Iâm just @chrismessina.
Like I was before, and always have been.
But Iâve seen other people do the same thing since I made this change.
And it looks like itâs only becoming more common.
89. Letâs take a look at another example.
Compare the chat list on the left with the one on the right.
With AIM, youâve got all these foreign-looking usernames... whereas on the right you have
real names.
CLICK - focus on pirillo
[talk about Facebookâs early decision to swear off usernames]
90. Letâs take a look at another example.
Compare the chat list on the left with the one on the right.
With AIM, youâve got all these foreign-looking usernames... whereas on the right you have
real names.
CLICK - focus on pirillo
[talk about Facebookâs early decision to swear off usernames]
91. âl0ckergn0meâ
vs.
Chris Pirillo
understand that this DESIGN decision was as important as Flickrâs public-by-default decision.
Heck, I donât even know what a âlocker gnomeâ is. But hereâs the change.
93. Eventbox
why does this option even exist?
This to me proves that we are in a transitional period, from assumed aliases to one of real,
public, transparent identities.
94. Eventbox
why does this option even exist?
This to me proves that we are in a transitional period, from assumed aliases to one of real,
public, transparent identities.
95. morality,
creativity,
spontaneity,
problem solving,
lack of prejudice,
Self-actualization acceptance of facts
self-esteem, confidence,
achievement, respect of others,
Esteem respect by others
friendship, family, sexual intimacy
Love/belonging
security of: body, employment, resources,
Safety morality, the family, health, property
breathing, food, water, sex, sleep, homeostasis, excretion
Physiological
Maslowâs Hierarchy of Needs
now, I think this what this means is that weâre seeing a shift to using real identity because the
social web is becoming a increasingly important piece of many people âself-actualizationâ.
self-actualization is from mazlowâs hierarchy of needs and is at the top of the pyramid here.
96. even places like MySpace, where pseudonymity reigns is moving in this direction...
97. even places like MySpace, where pseudonymity reigns is moving in this direction...
98. even to the point where sites are allowing you to VERIFY your identity. this is huge.
99. even to the point where sites are allowing you to VERIFY your identity. this is huge.
100. Lessons
⢠Facebook is causing a shift in how peoople feel about
identity online
⢠Real identity can provide for more transparency and
accountability; it can incentivize good behavior
⢠Leverage real life attributes to improve your service
102. people want to know whatâs going on RIGHT now and services like Friendfeed, Facebook and
of course Twitter are rising to meet that challenge.
103. but when everyone is publishing, itâs hard to get to the good stuff.
we have primitive tools to search over this corpus, but itâs the early days.
104. i think this will have some unintended consequences though.
the âtechmemizationâ of content... where if you donât respond to something AS ITâS
HAPPENING, youâll miss the boat.
hemispheric effect -- when the other half of the world is sleeping...
105. Lessons
⢠Half-life of digital information is decreasing
⢠Conversations are becoming more contemporaneous
(Techmemization)
⢠Beware of the âhemispheric effectâ
⢠Weâre seeing the rise of the real-time web
107. Feed formats like ATOM and RSS were designed with blog posts in mind, but people are
doing a lot more on the web today, beyond blogging.
108. streams are great because they allow people to learn about and discover what other people
are doing and then model the same behaviors
109. consider the basic nytimes homepage. it doesnât provide me with a whole lot of social hooks
to get into this content... except if you look at the header here... (CLICK)
you can see that theyâre ďŹnding clever ways to highlight activity on the site.
110. consider the basic nytimes homepage. it doesnât provide me with a whole lot of social hooks
to get into this content... except if you look at the header here... (CLICK)
you can see that theyâre ďŹnding clever ways to highlight activity on the site.
111. another great site thatâs all about the stream is called Enjoysthings.
it;s like friendfeed but with itâs own ďŹare.
112.
113.
114. Lessons
⢠People are doing more than just blogging.
⢠Consider an activity-centric model for your site.
⢠Show what people are doing on your site.
⢠Streams are a great way to promote social discovery.
116. now that we have connected peopleâs accounts, the next thing that we need to work on is
getting the data to ďŹow...
117. and so because of this, you need to think about how your content is going to look when it
goes offsite.
118. Lessons
⢠Design your content to move off-site
⢠Think about the design of atomic content that is self-
contained
⢠Again, provide good privacy controls and settings: keep
the user in control
122. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
123. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
124. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
125. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
6. People want to share
126. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
6. People want to share
7. Real identity online is becoming the norm
127. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
6. People want to share
7. Real identity online is becoming the norm
8. Connectivity is increasing
128. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
6. People want to share
7. Real identity online is becoming the norm
8. Connectivity is increasing
9. The stream is the new hallmark of a social app
129. Review
1. Most people already signed up elsewhere
2. Their friends are online
3. Email is the new fax machine
4. Discovery will save us all
5. Cloud computing is upon us
6. People want to share
7. Real identity online is becoming the norm
8. Connectivity is increasing
9. The stream is the new hallmark of a social app
10. Assume that your data will flow
130. so those are 10 new assumptions for designers of the social web.
(CLICK) but iâve got 5 more to give you.
131. +5
so those are 10 new assumptions for designers of the social web.
(CLICK) but iâve got 5 more to give you.
132. location: think about designing your service to take advantage of location.
tara talked about this, but expectations are rising for customer service.
133. 11. Location, location, location
location: think about designing your service to take advantage of location.
tara talked about this, but expectations are rising for customer service.
135. customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
136. 11. Location, location, location
customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
137. 11. Location, location, location
12. Expectations for customer service are rising
customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
138. 11. Location, location, location
12. Expectations for customer service are rising
13. People will reward trustworthy relationships with
service providers that improve over time
customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
139. 11. Location, location, location
12. Expectations for customer service are rising
13. People will reward trustworthy relationships with
service providers that improve over time
14. Just because we have more technology doesnât mean
that people are becoming obsolete!
customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
140. 11. Location, location, location
12. Expectations for customer service are rising
13. People will reward trustworthy relationships with
service providers that improve over time
14. Just because we have more technology doesnât mean
that people are becoming obsolete!
15. Browsers are about to get a lot more powerful
customer service: alaska air
trustworthy relationships improve over time (pandora, last.fm)
people arenât obsolete: mturk, aardvark
browsers are getting more powerful... so the web apps we use will become more compelling.
141. The role of standards
before i close out, i want to take a moment to highlight the role and importance of standards
here for designing for the social web.
142. A standard in practice is worth
more than a standard in theory
but adoption of these technologies is key.
143. Ubiquity of a standard allows an
industry to move the level of
competition to a new layer
Photo by grendelkhan
the reality is, you donât want to compete on the level of social apps that exist today.
we want to move up to a higher level of competition by commoditizing aspects of the
social web that are hard today, but are also basic or fundamental.
144. creating new opportunities for
innovation on user experience
Photo by Chris Metcalf
in so doing, we create new opportunities to compete on the basis of offering better service
and experience without relying on user lock-in.
145. vCalendar
and indeed, one of the best examples of the power of standards to change an industry is the
iphone.
it is the benefactor of years of open standards development.
146. IEEE 802.11 (WiFi) vCalendar
International Mobile Telecommunications-2000 (IMT-2000)
Bluetooth
Short Message Service (SMS)
JPEG
MPEG-4 Part 14,
ISO/IEC 14496-14:2003 (MP4)
MPEG-1 Audio Layer 3 (MP3)
SQLite, TXT
vCard, etc
HTTP, CSS, JS, etc
SMTP, IMAP, POP3
and indeed, one of the best examples of the power of standards to change an industry is the
iphone.
it is the benefactor of years of open standards development.
148. this is really the premise behind the Diso Project:
to make it make it easier to build social experiences on the web
by deriving standards and formats from popular trends.
151. Our challenge is to build technologies that enhance the
network and serve people so that they in turn can build
better and richer societies.
BECAUSE
Our fundamental challenge is to build technologies that enhance the network and serve
people so that they in turn can build better and richer societies.
152. ďŹn.
chris@citizenagency.com ⢠@chrismessina ⢠factoryjoe.com
Color palette: oddend by martin Typeface: FTF Flama⢠by Mario Feliciano
so thatâs it. questions?
153. ďŹn.
chris@citizenagency.com ⢠@chrismessina ⢠factoryjoe.com
Color palette: oddend by martin Typeface: FTF Flama⢠by Mario Feliciano
so thatâs it. questions?