Æstetik og funktionalitet — webdesigns historiske udvikling
DESCRIPTION
TRANSCRIPT
Æ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• [email protected] • +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
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