Web punk mystery of web design is fading given

The Mystery of
Web Design is Fading
#webpunk 1

maanantaina 31. toukokuuta 2010

ERECTORSET

#webpunk 2


"Punk rock was rock and roll by people
who didn't have very much skills as
musicians but still felt the need to express
themselves through music.”
John Holmstrom,
founder of Punk magazine

#webpunk 3


Punk Rock >
mainstream music
#webpunk 4


Punk Today
#webpunk 5


Where is the
punk spirit
on the web?
#webpunk 6


10,000 hours rule
#webpunk 7


"Punk rock was an idea
and when people ask me what I do,
I try to make ideas happen -
ideas that could change life ”
Malcolm McLaren

punk > ideas
#webpunk 8


Web Punk is an idea
Web Punk is web design by people who
are not rock-star coders but still feel the
need to express their creativity online.

#webpunk 9


Reactions #webpunk 10


Punk’s independent spirits spurred a DIY revolution,
encouraging us to reject authority and hierarchy, advocating
that we can and should produce as much as we consume.…
There is a misconception that all changes we are experiencing
as a society are the result of new technologies… the changes
are profoundly cultural.’

Matt Mason, The Pirate’s Dilemma

punk > mindset
#webpunk 11


“Tell me about picking up the guitar....”

“Actually, it was three
months before we did our
ﬁrst gig.”
Steve Jones
The Sex Pistols
interviewed by Jerry McCulley in 2008 for Gibson Lifestyle

#webpunk 12


punk > (re)action

#webpunk 13


Ideas and extreme creativity
DIY and independence
Passion and action

#webpunk 14


Screw it, just do it!
#webpunk 15


Why do we need
web punk?
#webpunk 16


30 agencies
Fin, UK, Ger
with real pain
#webpunk 17


Their Pains > 4Cs

#webpunk 18


Their Pains > 4Cs
Costs

#webpunk 18


Their Pains > 4Cs
Costs
Control

#webpunk 18


Their Pains > 4Cs
Costs
Control
Complexity
#webpunk 18


Their Pains > 4Cs
Costs
Control
Complexity
Communication
#webpunk 18


Inefﬁciency

#webpunk 19


IMPATIENCE
#webpunk 20


So what have
HTML5, CSS3,
JQuery & APIs
got to do with it?
#webpunk 21


Painkillers?
Reduce cost
Reuse assets
Simplify
#webpunk 22


Yes and No

#webpunk 23


HTML4 HTML5
<object width="425px"
height="360px" >
<video>
<source src="assets/dizzy.mp4">
! <param name="allowFullScreen" </video>
value="true"/>
! <param name="wmode"
value="transparent"/>
! <param name="movie"
value="http://
mediaservices.myspace.com/
services/media/embed.aspx/
m=5385825,t=1,mt=video,searchID=,p
rimarycolor=,secondarycolor="/>
! <embed src="http://
mediaservices.myspace.com/
services/media/embed.aspx/
m=5385825,t=1,mt=video,searchID=,p
rimarycolor=,secondarycolor="
width="425" height="360"
allowFullScreen="true"
type="application/x-shockwave-
flash" wmode="transparent"/>
</object>

#webpunk 24


Opening the ﬂoodgates
#webpunk 25


Bigger Picture
CODING > DESIGN
SITES > SERVICES
CRAFT > INDUSTRIALISED

#webpunk 26


Why are we
inefﬁcient?
“Instead of learning from each other,
we repeat the mistakes of others”
Christian Heilmann
Yahoo! Developer Evangelist

#webpunk 27


Why are we
inefﬁcient?
“hey, this is exactly what we’ve been doing all
along! Let’s avoid asking ourselves hard
questions and let’s not change the way we work.”
Brian Marick, Writer on Agile Development
commenting on how people react when they read about Agile

#webpunk 28


Why are we
inefﬁcient?
#webpunk 29


We still work the
same way now as
when the WWW
ﬁrst appeared
#webpunk 30


Collaborative joy
Remixing
Remastering
Co-creation
#webpunk 31


>
a"alto webi!n
un?ive a?lebe
rs!ity rli"n
“Rebrandable brand”

Aalto University - energy from play
#webpunk 32


New news!
#webpunk 33


We’re not a newspaper -
we’re a content#webpunk
distribution platform
34


Retweet is the ultimate content remixer
140 chars is todays 2 min punk song

#webpunk 35


Democratisation of
Content has been
driven by social media

#webpunk 36


Democratisation of
Concepts and Services
will be driven
by the next wave

#webpunk 37


Where does HammerKit ﬁt
into the picture?

We are part of the next wave
#webpunk 38


Online and collaborative
Design Freedom
Open and Extensible
Real-time
NoHTML

#webpunk 39


Collaborate and Reuse parts or
share with peers Component get them easily
Store

Common
production Account Service Design new
system Manager Designer services faster

“Do not build your own login system. We have Facebook
Connect, we have Google we have Twitter - all of which
already give you a social graph”
Christian Heilmann
Yahoo! Developer Evangelist
#webpunk 40


Collective
Improvisation
biz + des + tech
“this platform is a great opportunity for business, design and
technology students to work together on application development”
Nina Hellman
Course Leader, Industrial Design
Metropolia, Helsinki

#webpunk 41


Do it once
Do it well

craft > industry
#webpunk 42


THE HP GARAGE

Is this still valid? #webpunk 43


Our value chain
Raw
Material + Craftsman
= niche/luxury

Industrialisation
=
Parts
Parts
Parts
Parts + Process
mass market
everyday
#webpunk 44


⅘ issue
#webpunk 45


#webpunk 46


#webpunk 47


Solving ⅘
Mass-market approach:
> Lower costs
> Simplify assembly
> Speed up production

> REAL PAINKILLERS
#webpunk 48


In summary
we need more punk spirit
>collaborative joy
>collective improvision
>new ways of working as well as
new standards
#webpunk 49


The web is
17 years old

> age of rebellion
#webpunk 50


to b ea
twants
I

thanks
Mark Sorsa-Leslie
mark@hammerkit.com
#webpunk
www.hammerkit.com

Web punk mystery of web design is fading given

Recommended

Recommended

More Related Content

Featured

Featured (20)

Web punk mystery of web design is fading given