Professional Documents
Culture Documents
2008.06.26 _np
Index
01 Introduction
02 The Velocity of Web
03 Web 2.0 Concepts
04 Web 2.0 Services
05 Finding a Balance
06 Conclusion
2
Introduction
3
Vinyl Organization
4
Vinyl Business Domain
Integrated marketing service User Research Integrated Marketing Interactive Media Platform Book publishing
Web site development UX Strategy Online Promotion Interactive Media art Contents development
Service/Marketing planning IA &Usability Test Online Advertising Interactive advertising stationary development
Maintenance Interaction Design
Design Consulting Smart Object
5
e-Convergence Unit
6
User Experience Unit
7
Interactive Unit
Brand & service promotion Brand micro site All about Interactive system
Online advertising Interactive web promotion site Interactive Advertising media
Promotion strategic planning All about Motion graphics Multi-Display & console
Event maintenance Multi screen motions Interactive Ambient product
8
VI Book Unit
9
Clients
정보통신
전기/전자
금융/캐피탈
인터넷쇼핑
엔터테인먼트
자동차/제조
식음료
기타
10
Awards
11
The Velocity of Web
12
Intervals & Quality
Traditional Media
Web 2.0 Media
Short
Intervals
Twitter Me2Day Digg
Blogs Newspapers
Blogs
Monthly
Personal / Periodicals Authoritative /
Unknown Known
Quality Wikipedia Quality
Research Papers
Non-fiction
Novels
Encyclopedias
Long
Intervals
13
Web 2.0 Concepts
14
What is Web 2.0
15
What is Web 2.0
16
What is Web 2.0
Web 2.0
Web as participation
Web 1.0 platform Users as
content creators
n n
17
Web 2.0 as Transformation
Governments
Source of
Institutions Authority Users
Organizations
18
Web 2.0 = Users
19
Web 2.0 according to David Weinberger
20
Lay on the leaves and look to the sky
21
Web 2.0 Services
22
Map of Web2.0 apps
23
Intervals & Quality
Traditional Media
Web 2.0 Media
Short
Intervals
Twitter Me2Day Digg
Blogs Newspapers
Blogs
Monthly
Personal / Periodicals Authoritative /
Unknown Known
Quality Wikipedia Quality
Research Papers
Non-fiction
Novels
Encyclopedias
Long
Intervals
24
Twitter / Me2Day
twitter.com
www.me2day.net
• “Micro-blogging”
• Updated many times a
day
• Updated from mobile
phone, web or client
application
• Networking: Find /
Follow
25
Twitter / Me2Day
twitter.com
www.me2day.net
• “Micro-blogging”
• Updated many times a
day
• Updated from mobile
phone, web or client
application
• Networking: Find /
Follow
25
Twitter / Me2Day
twitter.com
www.me2day.net
• “Micro-blogging”
• Updated many times a
day
• Updated from mobile
phone, web or client
application
• Networking: Find /
Follow
25
Twitter / Me2Day
twitter.com
www.me2day.net
• “Micro-blogging”
• Updated many times a
day
• Updated from mobile
phone, web or client
application
• Networking: Find /
Follow
25
Digg.com
www.digg.com
• Use of collective
intelligence as filter to
what is important
• Discover emerging
trends
26
Digg.com
www.digg.com
• Use of collective
intelligence as filter to
what is important
• Discover emerging
trends
26
Digg.com
www.digg.com
• Use of collective
intelligence as filter to
what is important
• Discover emerging
trends
26
Digg.com
www.digg.com
• Use of collective
intelligence as filter to
what is important
• Discover emerging
trends
26
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Blogs, blog, blogs
• Informal personal
expression of thoughts
and opinions
• Blogs have gone
mainstream:
corporations are
adopting blogging
• Blogger.com gets more
traffic than
NYTimes.com
27
Flickr
www.flickr.com
• Public sharing of
photos
• Tagging enables
powerful search,
discovery
• Strong social
component
• Easy to blog, email,
embed photos
28
Flickr
www.flickr.com
• Public sharing of
photos
• Tagging enables
powerful search,
discovery
• Strong social
component
• Easy to blog, email,
embed photos
28
Flickr
www.flickr.com
• Public sharing of
photos
• Tagging enables
powerful search,
discovery
• Strong social
component
• Easy to blog, email,
embed photos
28
Flickr
www.flickr.com
• Public sharing of
photos
• Tagging enables
powerful search,
discovery
• Strong social
component
• Easy to blog, email,
embed photos
28
Flickr
www.flickr.com
• Public sharing of
photos
• Tagging enables
powerful search,
discovery
• Strong social
component
• Easy to blog, email,
embed photos
28
YouTube
www.youtube.com
29
YouTube
www.youtube.com
29
YouTube
www.youtube.com
29
Wikipedia
www.wikpedia.org
30
Wikipedia
www.wikpedia.org
30
Wikipedia
www.wikpedia.org
30
Web 2.0 Recap
Web 2.0
Web as participation
Web 1.0 platform Users as
content creators
Social networking
Web as info
Content sharing
source
Rich User
Experience
Users as Collective (AJAX)
Data
consumers intelligence Transportability
(Embedding, RSS, API)
Web standards
1 n
Perpetual
Beta
n n
31
Striking a Balance
32
Striking a Balance
8 Samples:
• The Opinionated Filter
• The Aggregator
• The Innovator
• The Old-School to New-School
• The Brand Expander
• The Searchable
• The Social Networker
• The Personalized
33
The Opinionated Filter
www.boingboing.net
www.kottke.org
www.springwise.com
34
The Opinionated Filter
www.boingboing.net
www.kottke.org
www.springwise.com
34
The Opinionated Filter
www.boingboing.net
www.kottke.org
www.springwise.com
34
The Aggregator
www.9rules.com
www.tattermedia.com
• Aggregating information
from prefiltered sources
35
The Aggregator
www.9rules.com
www.tattermedia.com
• Aggregating information
from prefiltered sources
35
The Innovator
www.wired.com
36
The Innovator
www.wired.com
36
The Innovator
www.wired.com
36
The Innovator
www.wired.com
36
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Old School to New School
www.nytimes.com
www.boston.com/
bigpicture
• Maintaining authoritative
source
• Open, searchable
archives
• Enhanced experience:
doing what you can’t do
in print
• Feedback, video, blog,
full color photos,
multimedia presentations
• Traffic more important
than paid for content
37
The Brand Expander
www.marthastewart.com
• Building on and
extending existing well-
established brands
• Searchable content
• Even Martha has a blog!
38
The Brand Expander
www.marthastewart.com
• Building on and
extending existing well-
established brands
• Searchable content
• Even Martha has a blog!
38
The Brand Expander
www.marthastewart.com
• Building on and
extending existing well-
established brands
• Searchable content
• Even Martha has a blog!
38
The Searchable
www.epicurious.com
• Database-driven
searchable recipe
archive
39
The Searchable
www.epicurious.com
• Database-driven
searchable recipe
archive
39
The Social Networker
www.fastcompany.com
• Leveraging community
for content
40
The Social Networker
www.fastcompany.com
• Leveraging community
for content
40
The Social Networker
www.fastcompany.com
• Leveraging community
for content
40
The Social Networker
www.fastcompany.com
• Leveraging community
for content
40
The Social Networker
www.fastcompany.com
• Leveraging community
for content
40
The Personalized
www.igoogle.com
• Display aggregated
content from sources I
want to see
• See only content I want
to see when I want to
see
• Power of RSS, API
41
So what?
42
Conclusion
Why go online?
43
Conclusion
How?
44
Intervals & Quality
Traditional Media
Web 2.0 Media
Short
Intervals
Twitter Me2Day Digg
Blogs Newspapers
Blogs
Where the users are
YouTube Flickr Weekly
Periodicals
Monthly
Personal / Periodicals Authoritative /
Unknown Known
Quality Wikipedia Quality
Research Papers
Non-fiction
Encyclopedias
Long
Intervals
45
Conclusion
Quality
• Trusted Filter
• Trusted Aggregator
• Opinion Leader
• Open Forum
• Enriched Experience
• Source for Sharable Content (Let go!)
46
Thank you.
박남호 | namho@vi-nyl.com | 010-2071-5477
VINYL | UX Unit | 사용자경험전략 수석