SlideShare une entreprise Scribd logo
1  sur  27
Att skriva för webben Per Axbom  användbarhetskonsult 2 februari 2005
Lumano intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. gör din webb… Muntlig info
Innehåll ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Om din webb inte har bra text så har du egentligen inte en webbplats. (undantag: visuella konstnärer)
Skriva för webben… skriva för…
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hur människor läser på webben c:a 80% skummar
Verktyg för att underlätta skumning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Den inverterade pyramiden sammanfattning detaljer Donec tristique vestibulum odio Proin imperdiet erat vitae tortor. Integer iaculis interdum magna. Duis tortor. Morbi tincidunt, nibh a fermentum lacinia, tortor enim mattis justo. Curabitur massa massa Accumsan ut, hendrerit a, posuere id, ligula. Curabitur  suscipit metus  sodales eros. Mauris suscipit, sapien eu auctor porta, felis est hendrerit neque. Phasellus eu eros Nec tellus consectetuer rhoncus. Vestibulum risus erat, accumsan sed, ultrices et, malesuada nec, neque. Aenean vehicula  leo eget arcu . Suspendisse  eget enim . Cras felis porta risus Etiam a metus ut  velit tempor  mattis. Aenean felis. Nullam sed arcu ac metus accumsan consequat.
Att börja med det viktigaste ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Skriva bra texter för webbmediet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],På väg mot en verklig Thriller  Rättegången mot Michael Jackson inleds idag
Tänk på: typografi och läsbarhet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Times – Serif Arial – Sans serif
En liten båt blir ofta våt En liten båt blir ofta våt
Tänk på: länktexter ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tänk på: sökmotorer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tänk på: tillgänglighet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Vad kan man göra? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Efter pausen: ett praktiskt exempel
Praktiskt exempel
Hela stycket ,[object Object],72 ord
Endast kortad text ,[object Object],[object Object],44 ord
Endast underlätta skumning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kombination: kort och skumvänligt ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
Läs mer ,[object Object],[object Object],[object Object],[object Object]
Läs mer ,[object Object],[object Object],[object Object]
Frågor, kommentarer Vad sa han?

Contenu connexe

Similaire à Skriva för webben

Bloggcoach Lär dig WP 2017
Bloggcoach Lär dig WP 2017Bloggcoach Lär dig WP 2017
Bloggcoach Lär dig WP 2017Bloggcoach
 
Webbcopy 2.0
Webbcopy 2.0Webbcopy 2.0
Webbcopy 2.0Per Axbom
 
Introduktion till web-design
Introduktion till web-designIntroduktion till web-design
Introduktion till web-designKenneth Lanneskog
 
Nordens Bästa Intranät 2015, Hedersomnämnande - Vasakronan
Nordens Bästa Intranät 2015, Hedersomnämnande - VasakronanNordens Bästa Intranät 2015, Hedersomnämnande - Vasakronan
Nordens Bästa Intranät 2015, Hedersomnämnande - VasakronanCarl-Johan Engberg
 
Sociala medier turismbranschen
Sociala medier turismbranschenSociala medier turismbranschen
Sociala medier turismbranschenPeter Isaksson
 
17 tips för att skapa en professionell profil på linkedIn
17 tips för att skapa en professionell profil på linkedIn17 tips för att skapa en professionell profil på linkedIn
17 tips för att skapa en professionell profil på linkedInMarketinghouse
 
HT19 - DA156A - Användbarhet (2)
HT19 - DA156A - Användbarhet (2)HT19 - DA156A - Användbarhet (2)
HT19 - DA156A - Användbarhet (2)Anton Tibblin
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben
 
UX - Konsten att se människan
UX - Konsten att se människanUX - Konsten att se människan
UX - Konsten att se människanPer Axbom
 
Misstag i webbdesign som gör att din hemsida ser klumpig ut
Misstag i webbdesign som gör att din hemsida ser klumpig utMisstag i webbdesign som gör att din hemsida ser klumpig ut
Misstag i webbdesign som gör att din hemsida ser klumpig utdavidandersson21
 
Lärorikt 2016: Undervisningsexempel
Lärorikt 2016: Undervisningsexempel Lärorikt 2016: Undervisningsexempel
Lärorikt 2016: Undervisningsexempel Jacob Möllstam
 
UX och digitala trender
UX och digitala trenderUX och digitala trender
UX och digitala trenderPer Axbom
 
Högskolan Kristianstad 20 mars em
Högskolan Kristianstad 20 mars emHögskolan Kristianstad 20 mars em
Högskolan Kristianstad 20 mars emjokristensson
 
Börja kommunicera online med WordPress
Börja kommunicera online med WordPressBörja kommunicera online med WordPress
Börja kommunicera online med WordPressBloggcoach
 
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppen
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppenNordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppen
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppenCarl-Johan Engberg
 
Design för alla
Design för allaDesign för alla
Design för allaMetamatrix
 

Similaire à Skriva för webben (20)

Bloggcoach Lär dig WP 2017
Bloggcoach Lär dig WP 2017Bloggcoach Lär dig WP 2017
Bloggcoach Lär dig WP 2017
 
Webbcopy 2.0
Webbcopy 2.0Webbcopy 2.0
Webbcopy 2.0
 
Introduktion till web-design
Introduktion till web-designIntroduktion till web-design
Introduktion till web-design
 
Nordens Bästa Intranät 2015, Hedersomnämnande - Vasakronan
Nordens Bästa Intranät 2015, Hedersomnämnande - VasakronanNordens Bästa Intranät 2015, Hedersomnämnande - Vasakronan
Nordens Bästa Intranät 2015, Hedersomnämnande - Vasakronan
 
Sociala medier turismbranschen
Sociala medier turismbranschenSociala medier turismbranschen
Sociala medier turismbranschen
 
Alternativa Verktyg - en översikt
Alternativa Verktyg - en översiktAlternativa Verktyg - en översikt
Alternativa Verktyg - en översikt
 
Bilaga 1 3 Adhdkvinnor
Bilaga 1 3 AdhdkvinnorBilaga 1 3 Adhdkvinnor
Bilaga 1 3 Adhdkvinnor
 
17 tips för att skapa en professionell profil på linkedIn
17 tips för att skapa en professionell profil på linkedIn17 tips för att skapa en professionell profil på linkedIn
17 tips för att skapa en professionell profil på linkedIn
 
HT19 - DA156A - Användbarhet (2)
HT19 - DA156A - Användbarhet (2)HT19 - DA156A - Användbarhet (2)
HT19 - DA156A - Användbarhet (2)
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 15
 
UX - Konsten att se människan
UX - Konsten att se människanUX - Konsten att se människan
UX - Konsten att se människan
 
Misstag i webbdesign som gör att din hemsida ser klumpig ut
Misstag i webbdesign som gör att din hemsida ser klumpig utMisstag i webbdesign som gör att din hemsida ser klumpig ut
Misstag i webbdesign som gör att din hemsida ser klumpig ut
 
Lärorikt 2016: Undervisningsexempel
Lärorikt 2016: Undervisningsexempel Lärorikt 2016: Undervisningsexempel
Lärorikt 2016: Undervisningsexempel
 
Den nua typografin
Den nua typografinDen nua typografin
Den nua typografin
 
UX och digitala trender
UX och digitala trenderUX och digitala trender
UX och digitala trender
 
Högskolan Kristianstad 20 mars em
Högskolan Kristianstad 20 mars emHögskolan Kristianstad 20 mars em
Högskolan Kristianstad 20 mars em
 
Börja kommunicera online med WordPress
Börja kommunicera online med WordPressBörja kommunicera online med WordPress
Börja kommunicera online med WordPress
 
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppen
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppenNordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppen
Nordens Bästa Intranät 2015, Hedersomnämnande - Tv4 gruppen
 
Att generera trafik
Att generera trafikAtt generera trafik
Att generera trafik
 
Design för alla
Design för allaDesign för alla
Design för alla
 

Plus de Per Axbom

Don't feed the designers after midnight
Don't feed the designers after midnightDon't feed the designers after midnight
Don't feed the designers after midnightPer Axbom
 
Mostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscienceMostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a consciencePer Axbom
 
Misusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonMisusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonPer Axbom
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserPer Axbom
 
Sagolika användarupplevelser
Sagolika användarupplevelserSagolika användarupplevelser
Sagolika användarupplevelserPer Axbom
 
The Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgeThe Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgePer Axbom
 
Utmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektUtmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektPer Axbom
 
Innehåll först med innehållsprototyper
Innehåll först med innehållsprototyperInnehåll först med innehållsprototyper
Innehåll först med innehållsprototyperPer Axbom
 
Fairy Tale Experiences
Fairy Tale ExperiencesFairy Tale Experiences
Fairy Tale ExperiencesPer Axbom
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserPer Axbom
 
Digitala medier och människor
Digitala medier och människorDigitala medier och människor
Digitala medier och människorPer Axbom
 
UXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderUXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderPer Axbom
 
Tillgänglighet 2013
Tillgänglighet 2013Tillgänglighet 2013
Tillgänglighet 2013Per Axbom
 
Explaining UX with a glass of lemonade
Explaining UX with a glass of lemonadeExplaining UX with a glass of lemonade
Explaining UX with a glass of lemonadePer Axbom
 
Betaltjänster och människor
Betaltjänster och människorBetaltjänster och människor
Betaltjänster och människorPer Axbom
 
UXLx 2013 sketchnotes
UXLx 2013 sketchnotesUXLx 2013 sketchnotes
UXLx 2013 sketchnotesPer Axbom
 
Eliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsPer Axbom
 
Digital trends that will transform your business
Digital trends that will transform your businessDigital trends that will transform your business
Digital trends that will transform your businessPer Axbom
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projektPer Axbom
 
Webbdesign för människor som inte vill prata med dig
Webbdesign för människor som inte vill prata med digWebbdesign för människor som inte vill prata med dig
Webbdesign för människor som inte vill prata med digPer Axbom
 

Plus de Per Axbom (20)

Don't feed the designers after midnight
Don't feed the designers after midnightDon't feed the designers after midnight
Don't feed the designers after midnight
 
Mostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscienceMostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscience
 
Misusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonMisusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in Lyon
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelser
 
Sagolika användarupplevelser
Sagolika användarupplevelserSagolika användarupplevelser
Sagolika användarupplevelser
 
The Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgeThe Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital Age
 
Utmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektUtmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projekt
 
Innehåll först med innehållsprototyper
Innehåll först med innehållsprototyperInnehåll först med innehållsprototyper
Innehåll först med innehållsprototyper
 
Fairy Tale Experiences
Fairy Tale ExperiencesFairy Tale Experiences
Fairy Tale Experiences
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelser
 
Digitala medier och människor
Digitala medier och människorDigitala medier och människor
Digitala medier och människor
 
UXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderUXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinder
 
Tillgänglighet 2013
Tillgänglighet 2013Tillgänglighet 2013
Tillgänglighet 2013
 
Explaining UX with a glass of lemonade
Explaining UX with a glass of lemonadeExplaining UX with a glass of lemonade
Explaining UX with a glass of lemonade
 
Betaltjänster och människor
Betaltjänster och människorBetaltjänster och människor
Betaltjänster och människor
 
UXLx 2013 sketchnotes
UXLx 2013 sketchnotesUXLx 2013 sketchnotes
UXLx 2013 sketchnotes
 
Eliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionals
 
Digital trends that will transform your business
Digital trends that will transform your businessDigital trends that will transform your business
Digital trends that will transform your business
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projekt
 
Webbdesign för människor som inte vill prata med dig
Webbdesign för människor som inte vill prata med digWebbdesign för människor som inte vill prata med dig
Webbdesign för människor som inte vill prata med dig
 

Skriva för webben

  • 1. Att skriva för webben Per Axbom användbarhetskonsult 2 februari 2005
  • 2. Lumano intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. gör din webb… Muntlig info
  • 3.
  • 4. Skriva för webben… skriva för…
  • 5.
  • 6. Hur människor läser på webben c:a 80% skummar
  • 7.
  • 8. Den inverterade pyramiden sammanfattning detaljer Donec tristique vestibulum odio Proin imperdiet erat vitae tortor. Integer iaculis interdum magna. Duis tortor. Morbi tincidunt, nibh a fermentum lacinia, tortor enim mattis justo. Curabitur massa massa Accumsan ut, hendrerit a, posuere id, ligula. Curabitur suscipit metus sodales eros. Mauris suscipit, sapien eu auctor porta, felis est hendrerit neque. Phasellus eu eros Nec tellus consectetuer rhoncus. Vestibulum risus erat, accumsan sed, ultrices et, malesuada nec, neque. Aenean vehicula leo eget arcu . Suspendisse eget enim . Cras felis porta risus Etiam a metus ut velit tempor mattis. Aenean felis. Nullam sed arcu ac metus accumsan consequat.
  • 9.
  • 10.
  • 11.
  • 12. En liten båt blir ofta våt En liten båt blir ofta våt
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Efter pausen: ett praktiskt exempel
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.  
  • 24.  
  • 25.
  • 26.