Æstetik og funktionalitet — webdesigns historiske udvikling

Æstetik og funktionalitet – websiders udvikling historisk setAndreas Johannsen • Socialsquare16. november 2009Organisationen Danske Museer

Hej, jeg er Andreas Johannsen

2

• Direktør og konsulent i Socialsquare• Ekspert i sociale medier• Dunkel fortid i CMS-branchen• www.socialsquare.dk • twitter.com/andjohan• andreas.johannsen@socialsquare.dk • +45 2620 3221

3

Hvad er et website?

4

Vores opfattelse 5

Internettet som en motorvej 6

Internettet som et bibliotek 7

Hjemmesiden som et domicil 8

Deres opfattelse 9

Internettet som et (parallelt) sted 10

Internettet som marked 11

Sitet som en begivenhed 12

Hvad er design?

13

Typer af design for websider

14

• Grafisk design• Informationsdesign• Systemdesign• Oplevelsesdesign• Socialt design

15Grafisk design

Informationsdesign 16

Systemdesign 17

Brugeroplevelsesdesign 18

Socialt design 19

20

21

Designhistorien kort og æstetisk

22

• Fra tekst til grafik• Det kommercielle indtog• Dotcom-krise• Mediekonvergens• Web 2.0

Tekst

24

I begyndelsen var nørden...Begyndelsen -> midt 90'erne

• Lavet af autodidakte entusiaster, der ikke mødte forståelse eller opmærksomhed

• Ren tekst eller med meget simpel grafik• Nærmest ingen formateringsmuligheder• Ingen værktøjer andre end rå teksteditor

25

26

Kommercialisering

27

Dotcom

28

Dotcom

28

Dotcom

28

Der er penge i det!Midt 90'erne -> 2000

• Laves af ny branche: Webbureauer og reklamebureauers interaktive afdelinger

• Alt udfordres: Det er et nye medie, hvor ingen af de gamle regler gælder

• Der eksperimenteres med alt ofte på bekostning af brugerne

• Alle skal have det. Ingen ved hvorfor.• Visuelle værktøjer og CMS vinder frem

29

30

31

Mediekonvergens

32

Mediekonvergens

32

Mediekonvergens

32

MediekonvergensPost dotcom -> ...

• Eksisterende designere overtager web• Medievirksomhederne kommer• Eksisterende medier bruger web som en ny

kanal for eksisterende indhold, der bare reformateres

• Indholdet bliver ofte vigtigere end designet

33

Web 2.0

34

Web 2.0

34

Web 2.0

34

Web 2.0

34

Web 2.0

34

Web 2.0/det sociale web2004 -> ...

• Web designes (æstetisk) af eksisterende designere/grafikere

• Bestilles af eksisterende forretning• Æstetisk nær sammenhæng med øvrige

kommunikation• Brugerne kommer• Nettet faciliterer mødet mellem mennesker• Den sociale oplevelse bliver den vigtigste• Værktøjerne demokratiseres og gøres enkle 35

36

Hvem?

37

De tidlige sites var lavet af glade amatører i hånden.

I begyndelsen var nørden

Sites blev lavet af de nye webbureauer og reklamebureauernes interaktive afdelinger. Visuelle og mere avancerede værktøjer. Siden CMS.

Så opdagede nogen, at der var penge i det

Nu er vi tilbage ved amatørerneInternettet designes i dag af dig og mig. De mest udbredte værktøjer er blogs og simple CMS'er, som alle kan bruge.

41

Gerry McGovern (2003):"The hippie period is over"

42

43

44

Hippiernes "power to the people"er gået i opfyldelse

1971 2006

Modtageren er også designer

45

XML/RSS(og det semantiske web)

47

48

Brugeren som informations-DJ 51

Og når afsenderen prøver at styre modtagerens teknologi...

61

Betyder design reelt noget i dag?Æstetisk design nok mindre — men design for deltagelse og for deling er altafgørende!

Et veldesignet site?

63

Eller kan man tænke sig, at beslutningen tages et andet sted?Brugere spørger deres venner, hvad der er interessant, hvad der sker, hvor man skal gå hen, hvad man skal købe etc

65

66

Hvad driver udviklingen?

• Opmarkeringsstandarder• HTML/CSS-specifikationer, browseres

fortolkning• Båndbredde

• Omfanget af data der kan overføres• Nærheden til forretningen• Mode, trends• Medieforståelsen

67

Drivkræfter

Hvorfor er nettet anderledes end tidligere medier?

68

Vi er bagud med forståelsen og forud med anvendelsen af nye medier og teknologier.

Nye medier i gamle klæder...

Vi har set nettet som...

• En tryksag med strøm• Radio og TV med lav båndredde• Afløseren for brev (mail) og telefon (IM og

Skype)• ...og vi er først nu ved at se det som et

selvstændigt medium

70

Gartner Hype Cyclefor Emerging Technologies 2006

71

Brugerens mediumWeb er mere brugernes medium end afsenderens. De største sites i dag findes slet ikke, hvis der ikke var brugere. For at involvere brugerne, må de inddrages i designet.

Kommunikationen er ikke længere et produktDet er en proces (som i o!ine kommunikation), og derfor er designet til stadighed til forhandling.

Webmediet er alle medierFor første gang har få fået et medium, der simulerer alle andre medier. Hvordan designer man efter det?

Designet skal...

• Hænge sammen med øvrige trykte kommunikation

• Hænge sammen med audio/visuelle kommunikation

• Kunne adskille formen fra indholdet• Rumme deltagelsen

• Gøre indholdet delbart, flytbart• Invitere til samtale, tilstedeværelse

75

Tak