• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Æstetik og funktionalitet — webdesigns historiske udvikling
 

Æstetik og funktionalitet — webdesigns historiske udvikling

on

  • 1,655 views

 

Statistics

Views

Total Views
1,655
Views on SlideShare
1,652
Embed Views
3

Actions

Likes
1
Downloads
3
Comments
0

2 Embeds 3

http://www.slideshare.net 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Æstetik og funktionalitet — webdesigns historiske udvikling Æstetik og funktionalitet — webdesigns historiske udvikling Presentation Transcript

    • Æstetik og funktionalitet – websiders udvikling historisk set Andreas Johannsen • Socialsquare 16. november 2009 Organisationen Danske Museer
    • Hej, jeg er Andreas Johannsen • 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 2
    • 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 • Grafisk design • Informationsdesign • Systemdesign • Oplevelsesdesign • Socialt design 14
    • Grafisk design 15
    • Informationsdesign 16
    • Systemdesign 17
    • Brugeroplevelsesdesign 18
    • Socialt design 19
    • 20
    • Designhistorien kort og æstetisk 21
    • 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
    • Mediekonvergens Post 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 web 2004 -> ... • 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
    • I begyndelsen var nørden De tidlige sites var lavet af glade amatører i hånden.
    • Så opdagede nogen, at der var penge i det Sites blev lavet af de nye webbureauer og reklamebureauernes interaktive afdelinger. Visuelle og mere avancerede værktøjer. Siden CMS.
    • Nu er vi tilbage ved amatørerne Internettet designes i dag af dig og mig. De mest udbredte værktøjer er blogs og simple CMS'er, som alle kan bruge.
    • Gerry McGovern (2003): "The hippie period is over" 41
    • 42
    • 43
    • Hippiernes "power to the people" er gået i opfyldelse 1971 2006 44
    • 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
    • Hvad driver udviklingen? 66
    • Drivkræfter • Opmarkeringsstandarder • HTML/CSS-specifikationer, browseres fortolkning • Båndbredde • Omfanget af data der kan overføres • Nærheden til forretningen • Mode, trends • Medieforståelsen 67
    • Hvorfor er nettet anderledes end tidligere medier? 68
    • Nye medier i gamle klæder... Vi er bagud med forståelsen og forud med anvendelsen af nye medier og teknologier.
    • 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 Cycle for Emerging Technologies 2006 71
    • Brugerens medium Web 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 produkt Det er en proces (som i o ine kommunikation), og derfor er designet til stadighed til forhandling.
    • Webmediet er alle medier For 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