Web punk mystery of web design is fading given

#webpunk 1

The Mystery ofWeb Design is Fading

maanantaina 31. toukokuuta 2010

#webpunk 2

ERECTORSET


#webpunk 3

"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 4

Punk Rock >mainstream music


#webpunk 5

Punk Todaymaanantaina 31. toukokuuta 2010

#webpunk

Where is thepunk spiriton the web?

6


#webpunk 7

10,000 hours rulemaanantaina 31. toukokuuta 2010

#webpunk 8

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

Malcolm McLaren

punk > ideasmaanantaina 31. toukokuuta 2010

#webpunk 9

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

Web Punk is an idea


#webpunk 10

Reactionsmaanantaina 31. toukokuuta 2010

#webpunk 11

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 > mindsetmaanantaina 31. toukokuuta 2010

#webpunk 12

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

“Actually, it was three months before we did our first gig.”Steve JonesThe Sex Pistolsinterviewed by Jerry McCulley in 2008 for Gibson Lifestyle


#webpunk 13

punk > (re)action


#webpunk 14

Ideas and extreme creativityDIY and independencePassion and action


#webpunk 15

Screw it, just do it!maanantaina 31. toukokuuta 2010

#webpunk

Why do we needweb punk?

16


#webpunk 17

30 agenciesFin, UK, Ger with real pain


#webpunk 18

Their Pains > 4Cs


#webpunk 18

CostsTheir Pains > 4Cs


#webpunk 18

CostsControl

Their Pains > 4Cs


#webpunk 18

CostsControlComplexity

Their Pains > 4Cs


#webpunk 18

CostsControlComplexityCommunication

Their Pains > 4Cs


#webpunk

Inefficiency

19


#webpunk 20

IMPATIENCEmaanantaina 31. toukokuuta 2010

#webpunk

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

21


#webpunk 22

Reduce costReuse assetsSimplify

Painkillers?


#webpunk

Yes and No

23


#webpunk 24

<video> <source src="assets/dizzy.mp4"> </video>

<object width="425px" height="360px" >! <param name="allowFullScreen" 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=,primarycolor=,secondarycolor="/>! <embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/></object>

HTML4 HTML5


#webpunk 25

Opening the floodgatesmaanantaina 31. toukokuuta 2010

#webpunk

Bigger Picture

26

CODING > DESIGNSITES > SERVICESCRAFT > INDUSTRIALISED


#webpunk

Why are we inefficient?

27

“Instead of learning from each other, we repeat the mistakes of others”Christian HeilmannYahoo! Developer Evangelist


#webpunk


28

“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 Developmentcommenting on how people react when they read about Agile


#webpunk


29


#webpunk

We still work the same way now as when the WWW first appeared

30


#webpunk

Collaborative joy

31

RemixingRemasteringCo-creation


#webpunk 32

webi!na?leberli"n

a"altoun?ivers!ity

Aalto University - energy from play

“Rebrandable brand”

>


#webpunk 33

New news!maanantaina 31. toukokuuta 2010

#webpunk 34

We’re not a newspaper -we’re a content distribution platform


#webpunk 35

Retweet is the ultimate content remixer140 chars is todays 2 min punk song


#webpunk

Democratisation of Content has been driven by social media

36


#webpunk 37

Democratisation of Concepts and Serviceswill be drivenby the next wave


#webpunk

Where does HammerKit fit into the picture?

38

We are part of the next wavemaanantaina 31. toukokuuta 2010

#webpunk 39

Online and collaborativeDesign FreedomOpen and ExtensibleReal-timeNoHTML


#webpunk

“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 Evangelist40

ServiceDesigner

AccountManager

ComponentStore

Reuse parts or get them easily

Design new services faster

Commonproduction

system

Collaborate andshare with peers


#webpunk 41

“this platform is a great opportunity for business, design and technology students to work together on application development”

Nina HellmanCourse Leader, Industrial Design

Metropolia, Helsinki

CollectiveImprovisationbiz + des + tech


#webpunk 42

Do it onceDo it well

craft > industrymaanantaina 31. toukokuuta 2010

#webpunk 43

THE HP GARAGE

Is this still valid?maanantaina 31. toukokuuta 2010

#webpunk 44

Our value chainRaw

Material + = niche/luxuryCraftsman

Parts

Parts

Parts

Parts + Process =mass marketeveryday

Industrialisation


#webpunk 45

⅘ issuemaanantaina 31. toukokuuta 2010

#webpunk 46


#webpunk 47


#webpunk 48

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

Solving ⅘

> REAL PAINKILLERSmaanantaina 31. toukokuuta 2010

#webpunk 49

In summarywe need more punk spirit

>collaborative joy>collective improvision>new ways of working as well as new standards


#webpunk 50

The web is17 years old

> age of rebellionmaanantaina 31. toukokuuta 2010

It wants to be a

Mark [email protected]

#webpunk www.hammerkit.com

thanks


mailto:[email protected]


http://www.hammerkit.com


It wants to be a

Mark [email protected]

#webpunk www.hammerkit.com

thanks






Business

Web punk mystery of web design is fading given