Web 2.0

The ability to scale
up to many users...

...better use of
bandwidth...

... ease of use ...

... and things like
RSS feeds.

Web 2.0

The Elements
“Surface - Skeleton -
Structure - Scope - Strategy”

Surface

Skeleton
Surface

Structure
Skeleton
Surface

Scope
Structure
Skeleton
Surface

Strategy
Scope
Structure
Skeleton
Surface

Strategy
Scope
Structure
Skeleton
Surface

Surface

4.35 3.17 3.06 1.37 0.19 0.11 0.03 0.05 0.20 1.22 2.86 3.09
5.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.00
1.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.47
3.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 3.42
2.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83

AVERAGE RAINFALL (INCHES/MONTH)
JAN FEB MAR APR MAY JUN JUL AUG SEP OCT NOV DEC
San Fran 4.35 3.17 3.06 1.37 0.19 0.11 0.03 0.05 0.20 1.22 2.86 3.09
Seattle 5.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.00
Chicago 1.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.47
New York 3.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 3.42
Miami 2.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83

Average Rainfall (inches/month)
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
San Francisco 3.17 3.06 1.37 0.19 0.03 0.06 0.05 0.20 1.22 2.86 3.09
4.35
Seattle 5.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.00
Chicago 1.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.47
New York 3.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 4.42
Miami 2.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83

Average Rainfall (inches/month)
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
San Francisco 3.17 3.06 1.37 0.19 0.03 0.06 0.05 0.20 1.22 2.86 3.09
4.35
Seattle 5.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.00
Chicago 1.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.47
New York 3.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 4.42
Miami 2.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83

Average Rainfall (inches/month)
4+ 2-3 1-2 <1
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
San Francisco
Seattle
Chicago
New York City
Miami

Average Rainfall (inches/month)
4+ 2-3 1-2 <1
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
San Francisco
Seattle
Chicago
New York City
Miami

Average Rainfall (inches/month) Choose cities...
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
Seattle
Chicago
New York
San Francisco
Miami

Trust
“Users as peers”

“Even if a website is highly usable
and provides very useful information
presented in a logical arrangement,
this may fail to impress a user whose
first impression of the site was
negative.”
Dr. Gitte Lindgaard
Carleton University

1/20 th
of a second

Trust?

Trust on the surface
• Visual Appeal
• Cognition & Emotion
• The Halo Effect

Don Norman

B.J. Fogg

Average Rainfall (inches/month) Choose cities...
Jan Feb Mar Apr May June July Aug Sep Oct Nov Dec
Seattle
Chicago
New York
San Francisco
Miami

4.35 3.17 3.06 1.37 0.19 0.11 0.03 0.05 0.20 1.22 2.86 3.09
5.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.00
1.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.47
3.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 3.42
2.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83

Users control
their data

Strategy
Scope
Structure
Skeleton
Surface

Skeleton

AJAX

XMLHTTPRequest
JSON
DOM
JavaScript
CSS
XHTML
IFRAME
XSLT
XML
innerHTML

Allow users to
explore without
the penalty of
navigation.
Make mistakes
easy and
lightweight.

“Roller skates for the web!”
— Bruce Sterling

\"Click\" \"Click\" \"Click\" \"Click\" \"Click\"
new new new new new new
company.com company.com company.com company.com company.com company.com
page page page page page page
server server server server server
ssing... processing... processing... processing... processing... processing...

company.com company.com
company.com
company.com company.com company.com
company.com company.com

company.com
Click Click Click
Click
Asynchronous Asynchronous Asynchronous Asynchronous
Response Response Response Response

Ajax & Interaction Design
Discoverability Recoverability
Context Feedback

Discoverability
Make finding stuff easy

Suggest features that will enhance,
not distract from your users’ goals.

Remember that very discoverable features may
still be too innovative.

Recoverability
Actions should be without cost

Catch errors before they happen...

Context
A sense of time, place, and meaning

Real-time feedback helps compensate
for poor browser interface.

Feedback
How the system responds

Strategy
Scope
Structure
Skeleton
Surface

Structure

Tagging
“Experience as architecture”

green
lizard
Mexico
nemisis

Strategy
Scope
Structure
Skeleton
Surface

Scope

Old Problems
New Platform
Participation

Old problems
Assess content and Design templates
Develop metadata and components
Research
Get a team Migrate
internal
together content
needs
Design CMS
Design workflow interfaces

Complex solutions

New platform

Participation

Old problems

New platform

Participation

Old problems

New platform

Participation

Your site is
just once
piece

Strategy
Scope
Structure
Skeleton
Surface

Strategy

Amateurization
“An Architecture of Participation”

“...a landmark moment for the
balance between the blogosphere
and mainstream media.”
Orville Schell
dean of the School of Journalism
University of California in Berkeley

“[T]he Internet – blogs in particular –
played a more important and more
active role in the story, by immediately
questioning the validity of the memos.”
Nancy Franklin
The New Yorker

“Weblogs fix the inefficiencies
traditional publishers are paid to
overcome ... and in a world where
publishing is that efficient, it is
no longer an activity worth paying
for.”
Clay Shirky

Strategy
Scope
Structure
Skeleton
Surface

Thank you
http://www.veen.com/nextgen.pdf
134