Effective Content Creation for Websites Workshop

1. Workshop - ens.dk Energistyrelsen

2. Program • Retningslinjer for den ’nye hjemmeside’ • Gode råd til, hvordan I udarbejder tekst til nettet • Øvelse: Sidernes opbygning og struktur • Gennemgang af QuickReview • Øvelse: Redigering i Drupal: Instruktion i, hvordan I opdaterer sider i det nye system

3. 1. • Retningslinjer for den ”nye” hjemmeside

4. Hvilke informationer skal med? • Kun det, som er relevant for målgruppen Vores målgruppe er energisektoren – hvilke informationer efterspørger de? Regler og krav… • Aktuel info. Ingen arkivering Undgå forældet information og info, som primært er til for din egen skyld • Kernen. Ingen ”overflødig indpakning” Undgå beskrivelser og dokumenter, som ikke har relevans for målgruppen Ens.dk er en service til energisektoren. Ikke et intranet

5. Hvordan skal indeholdet formidles • Det vigtigste først. Træk pointerne frem i overskriften, opsummér i starten og brug nøgleord. • Korte afsnit med overskrifter letter overblikket. Hvad er konklusionerne? • Brug primært links i teksten. Undgå”læs mere her” eller ”find link til højre”.

6. 2. • Gode råd til, hvordan I udarbejder tekst til nettet

7. Læsning på nettet • 79 % af brugerne skimmer teksten • Brugerne er utålmodige og har høje forventninger • Finder man ikke det, man søger, surfer man hurtigt videre • Læserne ser på teksten før billederne • De første ord i en overskrift er mere væsentlige end de sidste • 95 % af dem, der vælger at læse en tekst, læser manchetten (det markerede afsnit under overskriften). • Scrolling? Ja. Det er en myte, at brugerne ikke vil!

8. Giv læseren appetit på teksten • Når brugeren har fundet teksten, skal han også helst have lyst til at læse den • Brugeren har brug for hurtigt at finde ud af, om teksten er relevant • Brugeren har brug for hurtigt at finde ud af, hvor i teksten det relevante står.

9. Særligt for nettet • Godt webindhold tager udgangspunkt i samspil mellem form og indhold – vi skriver særligt, når vi skriver til nettet. Indhold skal være: • Tilgængelig • Overskuelig • Kortfattet og informativt

10. Nyhedstrekant - også på nettet Konklusion Baggrund Detaljer Mange læsere Få læsere

11. Særlig brug af nyhedstrekanten • Nyhedstrekanten kan også bruges til at strukturere selve teksten på hjemmesiden Hovedpointe Baggrund Hovedpointe Detaljer Baggrund Hovedpointe Detaljer Baggrund Detaljer

12. 10 gode råd, når du skriver til nettet

13. 10 gode råd • Skriv så det passer til din læser • Målgruppe • Relevans • Situation • Skriv det vigtigste først • Start med konklusionen/hovedbudskabet • Skriv en kort, klar og fængende overskrift • Træk pointerne frem i et resume • Del din tekst op i temaer med underoverskrifter

14. 10 gode råd • Skriv mundtligt og uformelt • Brug talesprog i stedet for skriftsprog • Vær konkret • Skriv specifikt i stedet for generelt • Fortæl i stedet for at analysere

15. 10 gode råd • Skriv klart • Et budskab pr. afsnit • Skriv forkortelser ud • Skriv kort og præcist • Halver din tekst, hvis du kan

16. 10 gode råd • Skriv konkret • Kald en spade for en spade – ikke et graveredskab • Skriv rigtige ord – ikke papirord • Bruge i stedet for anvende, bede om i stedet for udbede sig osv. • Skriv aktivt • Det skal være tydeligt, hvem der gør hvad. • Undgå passiv

17. 10 gode råd • Skriv overskueligt • Del teksten op i overskuelige temaer med overskrifter • Sørg for flere indgange til teksten • Brug punktopstilling, bokse, links, evt. billeder • Skriv korrekt • Læs korrektur • Brug stavekontrol

18. Tekstens byggeklodser • Overskrift (rubrik) • Manchet / resumé • Brødtekst • Underoverskrifter • Illustrationer/grafiker/billeder • Faktabokse • Punktopstilling • Links

19. Overskrifter – Brugernes behov • Gode overskrifter lever op til mindst to af de krav, brugerne har til dem: • Forstår jeg overskriften? • Kan jeg bruge informationerne til noget? • Vil jeg gerne vide mere?

20. Overskrifter • Overskrifter skal være: • Dækkende • Korte og præcise • Fængende. • Overskifter skal ikke være: • Morsomme • For sprogligt blomstrende • Usande • Ligegyldige.

21. Underoverskrifter • Hjælper skimning • Skal opbygges efter samme regler som hovedoverskriften: • Dækkende • Korte og præcise • Fængende.

22. Gode overskrifter og underoverskrifter?

23. Illustrationer • Billeder kan være gode, men der skal være en mening med dem. Hjælper de læseren med at orientere sig i teksten? Brugerne orienterer sig primært i teksten. • Grafik kan vise komplicerede processer eller illustrere temaer. Eks. Fire trin fra ansøgning til godkendelse eller ”Sådan fungerer CO2-lagring”.

24. Billeder er gode til opløftningssider

25. Grafik kan reducere kompleksitet

26. Gode råd til afsnit, der hjælper læseren • Del tekst op i mindre bidder • Punktopstilling • Faktabokse • Link til uddybende og beslægtet tekst • Letter skimming – gør det muligt at sætte fokus på det væsentlige

27. Del teksten op i mindre bidder Let at orientere sig. Korte afsnit, der er lette af skimme

28. Punktopstilling Let at skimme og finde det relevante.

29. Faktaboks/tabel Overblik over informationer

30. Husk ”luft” i afsnit 19 linier i streg(!)

31. Links Hjælper brugeren videre til andet relevant stof Henviser til uddybende materiale Internt og eksternt Krydshenvisninger Undgå ”banner blindness”

32. ”Banner blindness”

33. Links bør ind i teksten Links skal helst laves inline.

34. 3. • Struktur: Sidernes opbygning

35. Konventioner er forskellige!

36. Nogle sider er simple…

37. … andre er dynamiske

38. …eller informerende

39. Sådan bør de enkelte sider være struktureret • Siderne har dækkende overskrifter og relevant indhold. Undgå korte sider, der kun består af metatekst – ”På denne side kan du læse om”. • Hvis emnerne er beslægtede, og teksterne er korte, kan siderne lægges sammen – altid en konkret vurdering. • De enkelte afsnit skal være korte, have en underoverskrift og gerne bullets eller nummerliste. Undgå mange linjer i streg uden ”luft”. • Links i teksten, der forklarer, hvad man kan læse. Undgå henvisninger til links. ”Nedenfor kan du læse mere om…” eller ”til højre kan du finde”. • Kontaktinfo til højre – ikke i bunden af siden.

40. Sidens opbygning Korte afsnit

41. Øvelse: Kan I strukturere siden og undersider anderledes?

42. Opløftning af sider – overblik og genveje • Nu: • Automatisk tekst fra undersider • Vanskelig indgang • Ingen prioritering og fagbeddømmelse. • Ny Ens.dk: • Teksten bliver til links • Links skal udvælges af fagpersoner ikke teknologi – mest brugte og vigtigste informationer • Brug ord, som brugeren forventer, når I skriver links.

43. Øvelse: Hvilke links skal løftes op under hvert afsnit?

44. 4. • Gennemgang af QuickReview

45. Reviewets punkter • Sidens længde • Overskrifter og emneord • Afsnitslængde • Billeder og grafikker • Faktabokse • Links • Opremsninger • Højre kolonne

46. Review af ens.dk Vurdering x=Opfyldes

47. Afsnit med underoverskrifter mangler Vanskeligt at overskue teksten

48. Dækkende overskrift med emneord

49. Korte sider med metatekst…

50. …selv om de næste også blot er metatekst…