SlideShare une entreprise Scribd logo
1  sur  95
Télécharger pour lire hors ligne
Bättre bilder
 på webben
 SiteVisiondagarna 2011


   Jonas Söderström
twitter


  #bildpåwebb
 #sitevision2011
@jonas_blind_hen
1977 –


1994 –   Jonas Söderström
Finns att beställa hos nätbokhandlar
    (Adlibris, Bokus, Bokia m fl),
   samt hos Akademibokhandeln
Dåliga bilder är ett
större problem på
    webben ...
     ... än dåliga texter.
”En text får bara vara
600 ord; större kortas
    automatiskt”
                Inte så troligt, väl?
   Men just så behandlas bilder på många sajter:
det finns bara ett fast format för bilder. De beskärs
           automatiskt för att passa in.
Varför är vi
    rädda för bilder?
De flesta på webbredaktioner är ord-människor.
     Ord-människor blir osäkra på bilder:
        vad uttrycker de egentligen?
      Kan de tolkas på ett olämpligt sätt?
Guess what?

Ord är också
 mångtydiga
Segla iväg
  Betala någon annans kostnad
          Gå upp i vikt
    Sy om till större storlek
     Publicera på webbsida
Ett uttryck kan betyda allt detta
Segla iväg
Betala någon annans kostnad
       Gå upp i vikt
  Sy om till större storlek
   Publicera på webbsida


   Lägga ut
Bilder har särskilda kvaliteter:

Omöjligt att sätta i ord
   Det är dumt att avstå från deras kraft!
Några enkla tips för
   bättre bilder
Grundfakta:
Små bilder funkar inte
Bilder på webb måste
  vara mer laddade
Beskär, beskär, beskär!
Beskär – förminska inte
Beskär – förminska inte
Oskarp förgrund




       ger djup i bilden - men
        funkar dåligt på webb
Bättre djupverkan




förgrunden skarp i mindre bilder
Man kan nästan alltid gå närmare!
Platta bilder är sämre
  än inga bilder alls
Skandal att
      man inte har
  kontaktadresser till
avdelningarna på sidorna
    (medicinjournalist, bevakat
      Socialstyrelsen i 3 år)




                                  !
Det är synd att
 Socialstyrelsen inte har
                               !
Läs mer-länkar ... så som
         Brå har
    (informatör, Kvinnojour)
Laddning:
Extrem bildvinkel
 skapar intresse
Extrem vinkel
skapar intresse
Extrem närbild
skapar intresse
Pars pro toto
Kombinera smart!
Sök på CC-
licensierade bilder
  ”sign language”
Enkla collage
Kombinera genrebild
    med info
Minska din el-
förbrukning med   30%

                  Ritad i Powerpoint
                  – tagit skärmdump
Hitta bilder
flickr.com/search/advanced/
        taggalaxy.de
       compfight.com
flickr.com/search/advanced/




 ... eller prova compfight.com eller
http://images.google.se/
advanced_image_search
Ytor och djup
Lager av ytor: djup
Tajtare text + bild
Förklara bilderna
Skapa stil med
 distinkt form
Bild + rubrik
Sammanfattning:
  Ladda bilderna!
      Beskär
    Kombinera
Undvik platta bilder!
24 maj, Stockholm



 26 maj, Trollhättan
www.javlaskitsystem.se
Finns att beställa hos nätbokhandlar
    (Adlibris, Bokus, Bokia m fl),
   samt hos Akademibokhandeln
Tack!   jonas.soderstrom@inuse.se

                               Twitter:
                               Jonas_Blind_Hen

                               Slideshare:
                               Jonas_inUse

                               Sajt:
                               www.javlaskitsystem.se

                               Mobil:
                               073 660 32 14

                               Linked In:
                               jonassoderstromkornet




Bild: Björn Falkevik

Contenu connexe

En vedette

Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...
Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...
Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...inUse
 
Målgruppsanalys öppna data för e-Delegationen och SKL
Målgruppsanalys öppna data för e-Delegationen och SKLMålgruppsanalys öppna data för e-Delegationen och SKL
Målgruppsanalys öppna data för e-Delegationen och SKLziggycreativecolony
 
Jeff Veen – Designing culture
Jeff Veen –  Designing cultureJeff Veen –  Designing culture
Jeff Veen – Designing cultureinUse
 
Effektkartor på UX Open
Effektkartor på UX OpenEffektkartor på UX Open
Effektkartor på UX OpeninUse
 
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...Christer Pettersson
 
23 tips om content marketing för 2017 via @PStaunstrup
23 tips om content marketing för 2017 via @PStaunstrup23 tips om content marketing för 2017 via @PStaunstrup
23 tips om content marketing för 2017 via @PStaunstrupPontus Staunstrup
 
Bygg rätt losning swetugg 2016
Bygg rätt losning   swetugg 2016Bygg rätt losning   swetugg 2016
Bygg rätt losning swetugg 2016inUse
 
Scania - global och digital arbetsplats
Scania - global och digital arbetsplatsScania - global och digital arbetsplats
Scania - global och digital arbetsplatsIntranätverk
 
17 digitala trender inför 2017 – @FrojdAgency
17 digitala trender inför 2017 – @FrojdAgency17 digitala trender inför 2017 – @FrojdAgency
17 digitala trender inför 2017 – @FrojdAgencyFröjd Interactive
 

En vedette (10)

Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...
Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...
Skapa bra upplevelser - så tar du reda på vad kunderna vill ha! - Invigning...
 
Ux != magi
Ux != magiUx != magi
Ux != magi
 
Målgruppsanalys öppna data för e-Delegationen och SKL
Målgruppsanalys öppna data för e-Delegationen och SKLMålgruppsanalys öppna data för e-Delegationen och SKL
Målgruppsanalys öppna data för e-Delegationen och SKL
 
Jeff Veen – Designing culture
Jeff Veen –  Designing cultureJeff Veen –  Designing culture
Jeff Veen – Designing culture
 
Effektkartor på UX Open
Effektkartor på UX OpenEffektkartor på UX Open
Effektkartor på UX Open
 
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...
Content marketing för e-handel - attrahera ny trafik och nya kunder till din ...
 
23 tips om content marketing för 2017 via @PStaunstrup
23 tips om content marketing för 2017 via @PStaunstrup23 tips om content marketing för 2017 via @PStaunstrup
23 tips om content marketing för 2017 via @PStaunstrup
 
Bygg rätt losning swetugg 2016
Bygg rätt losning   swetugg 2016Bygg rätt losning   swetugg 2016
Bygg rätt losning swetugg 2016
 
Scania - global och digital arbetsplats
Scania - global och digital arbetsplatsScania - global och digital arbetsplats
Scania - global och digital arbetsplats
 
17 digitala trender inför 2017 – @FrojdAgency
17 digitala trender inför 2017 – @FrojdAgency17 digitala trender inför 2017 – @FrojdAgency
17 digitala trender inför 2017 – @FrojdAgency
 

Plus de Jonas Söderström

Forskerforbundet Folkehelseinstituttet
Forskerforbundet FolkehelseinstituttetForskerforbundet Folkehelseinstituttet
Forskerforbundet FolkehelseinstituttetJonas Söderström
 
Arbetsmiljöombud Vision, Göteborg 8 okt 2015
Arbetsmiljöombud Vision, Göteborg 8 okt 2015Arbetsmiljöombud Vision, Göteborg 8 okt 2015
Arbetsmiljöombud Vision, Göteborg 8 okt 2015Jonas Söderström
 
Statens vegvesen, Oslo, sep 2015
Statens vegvesen, Oslo, sep 2015Statens vegvesen, Oslo, sep 2015
Statens vegvesen, Oslo, sep 2015Jonas Söderström
 
Bra digitala tjänster - hurdå?
Bra digitala tjänster - hurdå?Bra digitala tjänster - hurdå?
Bra digitala tjänster - hurdå?Jonas Söderström
 
Framgångrika intranät - hur kan de se ut?
Framgångrika intranät - hur kan de se ut?Framgångrika intranät - hur kan de se ut?
Framgångrika intranät - hur kan de se ut?Jonas Söderström
 
Undvik att hamna i upplaga 2 av "Jävla skitsystem"
Undvik att hamna i upplaga 2 av "Jävla skitsystem"Undvik att hamna i upplaga 2 av "Jävla skitsystem"
Undvik att hamna i upplaga 2 av "Jävla skitsystem"Jonas Söderström
 
Peak IT: why digital may stop delivering value
Peak IT:  why digital may stop delivering valuePeak IT:  why digital may stop delivering value
Peak IT: why digital may stop delivering valueJonas Söderström
 
Hur du undviker att hamna i nästa upplaga av Jävla skitsystem
Hur du undviker att hamna i nästa upplaga av Jävla skitsystemHur du undviker att hamna i nästa upplaga av Jävla skitsystem
Hur du undviker att hamna i nästa upplaga av Jävla skitsystemJonas Söderström
 
Peak IT: why digital may stop delivering value
Peak IT:  why digital may stop delivering valuePeak IT:  why digital may stop delivering value
Peak IT: why digital may stop delivering valueJonas Söderström
 
Stress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceStress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceJonas Söderström
 
Stress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceStress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceJonas Söderström
 
Läkarföreningen i Kalmar län
Läkarföreningen i Kalmar länLäkarföreningen i Kalmar län
Läkarföreningen i Kalmar länJonas Söderström
 
Informationsdesign - en introduktion
Informationsdesign - en introduktionInformationsdesign - en introduktion
Informationsdesign - en introduktionJonas Söderström
 
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0Jonas Söderström
 

Plus de Jonas Söderström (20)

Forskerforbundet Folkehelseinstituttet
Forskerforbundet FolkehelseinstituttetForskerforbundet Folkehelseinstituttet
Forskerforbundet Folkehelseinstituttet
 
Arbetsmiljöombud Vision, Göteborg 8 okt 2015
Arbetsmiljöombud Vision, Göteborg 8 okt 2015Arbetsmiljöombud Vision, Göteborg 8 okt 2015
Arbetsmiljöombud Vision, Göteborg 8 okt 2015
 
IDA Arbejdsmiljø
IDA ArbejdsmiljøIDA Arbejdsmiljø
IDA Arbejdsmiljø
 
Digital arbetsmiljö FMTS
Digital arbetsmiljö FMTSDigital arbetsmiljö FMTS
Digital arbetsmiljö FMTS
 
Statens vegvesen, Oslo, sep 2015
Statens vegvesen, Oslo, sep 2015Statens vegvesen, Oslo, sep 2015
Statens vegvesen, Oslo, sep 2015
 
Jävla skitsystem 2.0
Jävla skitsystem 2.0Jävla skitsystem 2.0
Jävla skitsystem 2.0
 
Närmar vi oss Peak IT?
Närmar vi oss Peak IT? Närmar vi oss Peak IT?
Närmar vi oss Peak IT?
 
Bra digitala tjänster - hurdå?
Bra digitala tjänster - hurdå?Bra digitala tjänster - hurdå?
Bra digitala tjänster - hurdå?
 
Framgångrika intranät - hur kan de se ut?
Framgångrika intranät - hur kan de se ut?Framgångrika intranät - hur kan de se ut?
Framgångrika intranät - hur kan de se ut?
 
Peak IT på Webcoast
Peak IT på WebcoastPeak IT på Webcoast
Peak IT på Webcoast
 
Undvik att hamna i upplaga 2 av "Jävla skitsystem"
Undvik att hamna i upplaga 2 av "Jävla skitsystem"Undvik att hamna i upplaga 2 av "Jävla skitsystem"
Undvik att hamna i upplaga 2 av "Jävla skitsystem"
 
Peak IT: why digital may stop delivering value
Peak IT:  why digital may stop delivering valuePeak IT:  why digital may stop delivering value
Peak IT: why digital may stop delivering value
 
Hur du undviker att hamna i nästa upplaga av Jävla skitsystem
Hur du undviker att hamna i nästa upplaga av Jävla skitsystemHur du undviker att hamna i nästa upplaga av Jävla skitsystem
Hur du undviker att hamna i nästa upplaga av Jävla skitsystem
 
Peak IT: why digital may stop delivering value
Peak IT:  why digital may stop delivering valuePeak IT:  why digital may stop delivering value
Peak IT: why digital may stop delivering value
 
Stress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceStress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplace
 
Stress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplaceStress and Bureaucracy 2.0: The perils of the digital workplace
Stress and Bureaucracy 2.0: The perils of the digital workplace
 
Läkarföreningen i Kalmar län
Läkarföreningen i Kalmar länLäkarföreningen i Kalmar län
Läkarföreningen i Kalmar län
 
Informationsdesign - en introduktion
Informationsdesign - en introduktionInformationsdesign - en introduktion
Informationsdesign - en introduktion
 
The digital workplace
The digital workplaceThe digital workplace
The digital workplace
 
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0
The digital workplace: how to avoid Parkinson’s Law and Bureaucracy 2.0
 

Bättre bilder på webben