Skriving for web Visma. Nina Furu 31. oktober 2013

Transkript

1 Skriving for web Visma Nina Furu 31. oktober 2013

2 Nina Jobber med webkommunikasjon og webstrategi Partner i Webgruppen Driver Nettredaktørskolen Kurs- og konsulentvirksomhet Mangeårig portalredaktør Lærebokforfatter Med mer

3 Innhold for dagen Teorien om "lukten av informasjon Hvordan bruker leser på nett 10 tips for å skrive gode webtekster Bruk av illustrasjonsbilder på nett Vinkling og fokusering av en nyhetssak Slik skriver du gode overskrifter

4 Push vs pull Pushkommunikasjon = du dytter et budskap på en målgruppe. Pullkommunikasjon = bruker trekker /henter informasjonen selv. Websiden din er pull og ikke push.

5 Lukten av informasjon

6 Lukten av informasjon Teori om hvordan brukerne orienterer seg på web Underbygd av flere tusen brukerobservasjoner Jared Spool, Christine Perfetti og David Brittan User Interface Engineering Designing for the scent of information :

7 Trigger-ord

8 Trigger-ord Trigger-ordet beskriver det brukeren leter etter på nettstedet. Kommer brukeren fra en søkemotor, er trigger-ordet det han har søkt på der. Trigger-ordet er ordet (eller ordene) i brukerens tankeboble. Trigger-ordet er altså brukerens eget ord (og ikke ditt!)

9 Sentralt prinsipp: Når brukeren ser sitt trigger-ord i en lenke, så klikker han på det

10 Dette betyr At du må prioritere å identifisere de sentrale triggerordene for din virksomhet (Hva er det din kunde kaller ditt produkt/din informasjon?) At du bør bruke disse trigger-ordene i navigasjon. At du bør bruke disse trigger-ordene i overskrifter og i tekster (Og at navigasjon bør se ut som linker) bedre synlighet på søkemotorer får du da på kjøpet

11 Kjennetegn ved gode trigger-ord Fra Webkommunikasjon, Nina Furu, IJ-forlaget/ Høyskoleforlaget

12 1. Gode trigger-ord er enkle

13 1. Gode trigger-ord er enkle Spade, ikke graveredskap Kart, ikke geodata-diagram

14 1. Gode trigger-ord er enkle Spade, ikke graveredskap Kart, ikke geodata-diagram Unngå stammespråk! Unngå TBF er! Unngå fremmedord! Forståelighet på 7.-klasse nivå (ordvalg og setningskonstruksjon).

15 2. Gode trigger-ord er beskrivende

16 2. Gode trigger-ord er beskrivende Anorexi, ikke når maten blir et problem I navigasjon og i overskrifter på informasjonstekster er trigger-ordet en merkelapp, verken mer eller mindre

17 2. Gode trigger-ord er beskrivende Anorexi, ikke når maten blir et problem I navigasjon og i overskrifter på informasjonstekster er trigger-ordet en merkelapp, verken mer eller mindre Unngå kunstige ord. Unngå omskrivninger (også de politisk korrekte).

18 3. Gode trigger-ord er konkrete

19 3. Gode trigger-ord er konkrete Kjole ; ikke plagg eller eiendeler Tenk på konkretiseringsstigen Plasser ordet så lavt på stigen som mulig!

20 3. Gode trigger-ord er konkrete Kjole ; ikke plagg eller eiendeler Tenk på konkretiseringsstigen Plasser ordet så lavt på stigen som mulig! Lukten av informasjon stiger ikke særlig godt oppover i hierarkier.

21 4. Gode trigger-ord er substantiver

22 4. Gode trigger-ord er substantiver Kurs, ikke lære om Lån, ikke låne

23 4. Gode trigger-ord er substantiver Kurs, ikke lære om Lån, ikke låne Unngå omskrivninger med verb 97% av verdens 1000 mest påsøkte søkeord er substantiver

24

25 5. Gode trigger-ord er ikke problemer, men løsninger

26 5. Gode trigger-ord er ikke problemer, men løsninger Kontakt, ikke ensom Anti-virus, ikke virus (Unntak for medisinske diagnoser)

27 5. Gode trigger-ord er ikke problemer, men løsninger Kontakt, ikke ensom Anti-virus, ikke virus (Unntak for medisinske diagnoser) Fokuser på løsningene dine (i brukerens ord!), ikke på problemområdene

28 6. Gode trigger-ord beskriver brukerens behov slik brukeren selv definererer det

29 6. Gode trigger-ord beskriver brukerens behov slik brukeren selv definererer det Hvis brukeren tror det er briller han trenger, så er det briller og ikke kontaktlinser som er trigger-ordet, selv om du heller vil selge kontaktlinser.

30 6. Gode trigger-ord beskriver brukerens behov slik brukeren selv definererer det Hvis brukeren tror det er briller han trenger, så er det briller og ikke kontaktlinser som er trigger-ordet, selv om du heller vil selge kontaktlinser. Husk igjen også på at den løsningen brukeren tror at han trenger må formuleres slik brukeren selv ville formulert den ( briller ; ikke synshjelpemidler )

31 7. Gode trigger-ord beskriver ikke brukeren selv

32 7. Gode trigger-ord beskriver ikke brukeren selv Unngå inndelinger som firmakunde / personkunde eller jobbsøker / arbeidsgiver og lignende. Bruker er utelukkende orientert mot produkter/emner/ tjenester.

33 7. Gode trigger-ord beskriver ikke brukeren selv Unngå inndelinger som firmakunde / personkunde eller jobbsøker / arbeidsgiver og lignende. Bruker er utelukkende orientert mot produkter/emner/ tjenester. Navigasjonen din skal IKKE være et speil for brukeren, den skal i stedet gi brukeren briller til å oppfatte og forstå ditt innhold.

34 8. Du kan ikke introdusere nye triggerord

35 8. Du kan ikke introdusere nye triggerord Findability fungerer ikke. Kunnskapstorget fungerer ikke.

36 8. Du kan ikke introdusere nye triggerord Findability fungerer ikke. Kunnskapstorget fungerer ikke. Selv om du har funnet på et glimrende ord som beskriver nøyaktig hva du driver med, så fungerer det ikke som trigger-ord så lenge det ikke allerede er i vanlig bruk.

37 Oppsummering, trigger-ord

38 Gode trigger-ord bør være: 1. Enkle 2. Beskrivende 3. Konkrete 4. Substantiver 5. Løsninger 6. Brukerdefinerte 7. Ikke beskrive bruker selv 8. Ikke nye ord

39 Hvordan identifisere trigger-ord? Se på sideinterne søk Se på eksterne websøk ( ) Bruk Google Keyword Planner Spør brukerne direkte Gjennomfør bruker-workshops Gjennomfør elektroniske undersøkelser Gjør split-testing Gjør papir-prototyping Spør sentralbordet

40 Undersøkelse om lesbarhet Jakob Nielsen/John Morkes OLD SCHOOL (MEN FORTSATT AKTUELT)

41 Hva ble testet? Hvor mye leserne husker Hvor mange feil de gjør Hvor lang tid de bruker Hvor lett det er å finne innholdet

42 Utgangspunktet Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. Some of the most popular places to visit were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park.

43 1. Objektivt språk Nebraska has several attractions. Some of the mostvisited places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge(86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).

44 1. Objektivt språk 27% forbedring Nebraska has several attractions. Some of the mostvisited places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge(86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).

45 2. Lett å skumlese Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. Some of the most popular places were: Fort Robinson State Park (355,000 visitors) Scotts Bluff National Monument (132,166) Arbor Lodge State Historical Park & Museum (100,000) Carhenge (86,598) Stuhr Museum of the Prairie Pioneer (60,002) Buffalo Bill Ranch State Historical Park

46 2. Lett å skumlese 47% forbedring Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. Some of the most popular places were: Fort Robinson State Park (355,000 visitors) Scotts Bluff National Monument (132,166) Arbor Lodge State Historical Park & Museum (100,000) Carhenge (86,598) Stuhr Museum of the Prairie Pioneer (60,002) Buffalo Bill Ranch State Historical Park

47 3. Kort og konsist (halvert ordmengde) Six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park.

48 3. Kort og konsist (halvert ordmengde) Six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park. 58% forbedring

49 4. Kombinasjonstekst (alle 3 forbedringer) Six of the most-visited places in Nebraska were: Fort Robinson State Park Scotts Bluff National Monument Arbor Lodge State Historical Park & Museum Carhenge Stuhr Museum of the Prairie Pioneer Buffalo Bill Ranch State Historical Park

50 4. Kombinasjonstekst (alle 3 forbedringer) 124% forbedring Six of the most-visited places in Nebraska were: Fort Robinson State Park Scotts Bluff National Monument Arbor Lodge State Historical Park & Museum Carhenge Stuhr Museum of the Prairie Pioneer Buffalo Bill Ranch State Historical Park

51 4. Kombinasjonstekst (alle 3 forbedringer) Six of the most-visited places in Nebraska were: Fort Robinson State Park Scotts Bluff National Monument Arbor Lodge State Historical Park & Museum Carhenge Stuhr Museum of the Prairie Pioneer Buffalo Bill Ranch State Historical Park

52 Eksempel fra teknisk tekst Kunde: Sun Microsystems, omarbeidet av Jacob Nielsen

53

54

55 159% forbedring

56 Hvorfor fungerer dette? Kognitiv belastning ( cognitive load ) reduseres ved At teksten forkortes At teksten gjøres saklig (reklametekst får leseren til å bruke tankekraft på å tenke nei, dette er jo ikke sant ) Det blir mulig å tilegne seg hovedpunktene ved å skumlese

57 Hvorfor fungerer dette? Kognitiv belastning ( cognitive load ) reduseres ved At teksten forkortes At teksten gjøres saklig (reklametekst får leseren til å bruke tankekraft på å tenke nei, dette er jo ikke sant ) Det blir mulig å tilegne seg hovedpunktene ved å skumlese Brukerne opplever forkortet tekst som MER innholdsrik enn ubehandlet fulltekst

58 Konklusjon: Under 20% av lesere leser faktisk teksten Over 80% bare skanner 3 vinnerstrategier for webskriving: KOS Kort, Objektivt og Skumlesbart

59 10 regler for å skrive godt for web

60 1. Tenk på/som målgruppen Hvem er ditt publikum? Dann deg et bilde av hvem du skal kommunisere med, og skriv teksten deretter. Bruk brukerens ord, ikke dine egne. Ta utgangspunkt i begreper og grupperinger som er i brukerens hode

61

62

63

64

65

66

67 2. Skriv kort og konsist Skriv bare halvparten så langt som du ellers ville gjort i første lag av teksten. Bruk heller flere sider, og en totrinns-strategi Hold fokus på det som er viktigst for brukeren Tekster som er lenger enn én skjermside blir ofte skrevet ut.

68

69

70

71 Ta heis-testen Hvordan avgjøre hva som er virkelig viktig i en historie du skal fortelle

72 Tenk tabloid!

73 Kort og konsist

74 Kort og konsist 100 ord er kanskje et veldig kort format, men sett gjerne en grense for deg selv. Kanskje 300 ord er riktig for deg? Enten vi liker det eller ikke: Vi lever i The Attention Deficit Society den knappeste ressursen er oppmerksomhet Husk at det går an å skille mellom hurtigsaker og langlesning

75 3. Si det viktigste først Plasser det du ønsker at brukerne skal få med seg helt i starten av teksten. Siden presenterer du detaljer og bakgrunnsinformasjon. Tenk tabloidavis der skrives det alltid på denne måten. Bruk ingresser for å oppsummere hovedpoenget på toppen av siden.

76

77

78

79

80

81 Noen bildedatabaser (husk avansert søk på (cc) )

82 4. Del opp teksten i avsnitt Del opp teksten i avsnitt med jevne mellomrom. Et avsnitt bør aldri være mer enn 100 ord. Sett gjerne en grense på for eksempel 50 or pr avsnitt. Presenter bare ett poeng i hvert avsnitt.

83 100 ord Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100 ord når man skal sette seg ned og skrive det for papir eller skjerm? Hvor mye er egentlig 100

84

85 5. Bruk titler og mellomtitler Viktig for at teksten skal være enkel å skumlese. Tittelen skal fortelle hva teksten handler om. Mellomtitlene skal hjelpe brukerne å finne frem til det de er ute etter. Titlene dukker opp i søkemotorer.

86

87 6. Uthev viktige ord og setninger Uthevinger gjør det enklere å skumlese teksten. Bruk fet skrift. Ikke bruk understreking, som kan forveksles med lenker. Ikke bruk versaler til utheving. Store bokstaver er tunge å lese dessuten ser det ut som om du SKRIKER

88

89

90

91

92

93

94 7. Bruk lister og punkter Presenter viktig faktainformasjon ved hjelp av lister. Ikke pakk det du ønsker å si inn i en masse unødvendige ord.

95

96

97

98 En liten historie om overmot fra bank-verdenen

99 Fra 35% til 55% konvertering til neste side Kenneth Eriksen, senior internettrådgiver, Online Corporate Solutions, Online Salg, DNBNOR ASA

100 8. Bruk lenker riktig Samle nyttige lenker på ett sted på siden Skriv meningsbærende lenketitler, slik at brukerne skjønner hvor de peker Si fra hvis en lenke fører til en ekstern side

101 Ikke-sentrale lenker er distraherende for brukerne. Det er derfor ikke lurt å skrive et avsnitt, for så å fylle det med en mengde invitasjoner til brukeren om å besøke andre nettjenester. Da vil brukeren forsvinne andre steder før du vet ord av det.

102 Lenketekster Eksempler Ikke slik: Klikk her for å lese min CV Men slik: Les min CV Ikke slik: Klikk her for å se på bilder fra ferien. Men slik: Se bilder fra Marokko

103

104

105 Brukervennlige lenker Brukervennlighet + Blå og understreket En tydelig annen farge og understreket Ganske lik farge, men understreket Blå og ikke understreket En tydelig annen farge og ikke understreket Ganske lik farge og ikke understreket Ingen markering -

106 MEN: Most Wanted Response-lenker En forretningskritisk link bør imidlertid stå inne i teksten (men gjerne som eget avsnitt), og bør være lang (7-12 ord) Min egen beste link i testperioden var: Gratis sjekkliste for søkemotoroptimalisering du kan gjøre selv

107 MEN: Most Wanted Response-lenker En forretningskritisk link bør imidlertid stå inne i teksten (men gjerne som eget avsnitt), og bør være lang (7-12 ord) NB! Vit at slike linker er klikkmagneter Bruk dem derfor kun der det Min egen beste link i testperioden var: er nettopp dette du ønsker Gratis sjekkliste for søkemotoroptimalisering brukeren skal gjøre du kan gjøre selv

108 MEN: Most Wanted Response-lenker En forretningskritisk link bør imidlertid stå inne i teksten (men gjerne som eget avsnitt), og bør være lang (7-12 ord) NB! Vit at slike linker er klikkmagneter Bruk dem derfor kun der det Min egen beste link i testperioden var: er nettopp dette du ønsker Gratis sjekkliste for søkemotoroptimalisering brukeren skal gjøre du kan gjøre selv Bruker du mange linker, reduserer du klikkraten på hver av dem. En MWR-link er derfor ofte alene.

109

110 9. Legg lange dokumenter som vedlegg og/eller egne, underliggende sider Brukerne leser sjelden lange dokumenter rett fra skjermen. Presenter derfor lange referater, rapporter osv. som vedlegg i Word,.pdf eller lignende, som brukerne kan printe ut. Legg gjerne en egen fulltekst-side som HTML-dokument (webside) også. Uansett: Skriv et kort sammendrag som kan leses av dem som ikke skriver ut dokumentet.

111

112

113 10. Les korrektur Det er lettere å lese korrektur før du har publisert teksten på web. Få en utenforstående til å lese gjennom teksten du har skrevet. Samarbeid: Lag skriveregler om nødvendig.

114 Språkressurser

115

116 Sjangre i webtekst

117 Sjangre i webtekst Nyhetstekst Informasjonstekst Handlingsutløsende tekst

118 Sjangre i webtekst Nyhetstekst forteller om noe som har skjedd Informasjonstekst Handlingsutløsende tekst

119 Sjangre i webtekst Nyhetstekst forteller om noe som har skjedd Informasjonstekst informerer om et emne Handlingsutløsende tekst

120 Sjangre i webtekst Nyhetstekst forteller om noe som har skjedd Informasjonstekst informerer om et emne Handlingsutløsende tekst skal få bruker til å gjøre noe bestemt (for eksempel bestille et produkt eller gi fra seg en epostadresse)

121 Tekstelementene Overskrift (Ingress) Brødtekst (Call to action)

122 Nyhetstekst Infotekst Salgstekst Overskri5 Ingress Brødtekst Call- to- ac<on

123 Nyhetstekst Infotekst Salgstekst Overskri5 Ingress Brødtekst Call- to- ac<on

124 Artikkelens tre liv

125 Lagret informasjon i atomkjerne

126 og nå; artikkelens fjerde liv Deling og syndikering

127

128

129

130

131 Tekstelementene i artikkelen Overskrift Ingress Brødtekst

132 Nyhetsoverskrifter 2-5 ord Forteller hva saken handler om Tenk tabloid! Forenkle Spissformulere Tydeliggjøre Trekk fram det som er relevant og interessant for bruker.

133

134

135 Hva er en relevant overskrift?

136 En oppgave Du skriver på nettstedet til Lokalbanken Øst. 10. november skal banksjef Per Hansteen og alle andre ansatte delta i et stort høringsmøte på Rådhuset. Der skal de lytte til fredsprisvinner Al Gore, og komme med ideer om hvordan banken kan gjøre sitt for miljøet lokalt. Hvilken overskrift lager du?

137 Forslag:

138 Banken stengt 10. november Nettbanken åpen som vanlig. Et budskap må alltid ta utgangspunkt i det som er mest interessant for brukeren. Dette er enda viktigere på web enn andre steder, fordi web er et pull-medium Nyhetssaker er ofte permission push

139 Den gode overskriften

140 Den gode overskriften Relevant for leseren Kort og fyndig Beskriver hendelsen Gir mening Fenger

141 Den gode overskriften Relevant for leseren Kort og fyndig X Beskriver hendelsen Gir mening X Fenger X X

142 Den gode overskriften Relevant for leseren Kort og fyndig Beskriver hendelsen Gir mening Fenger??

143 Den gode overskriften Relevant for leseren Kort og fyndig Beskriver hendelsen Gir mening Fenger

144 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen

145 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen

146 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen Odølinger i fylleslagsmål Fylleslagsmål i Odalen

147 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen Odølinger i fylleslagsmål Fylleslagsmål i Odalen

148 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen Odølinger i fylleslagsmål Fylleslagsmål i Odalen Fylleslagsmål med fem skadde Fem skadet i fylleslagsmål

149 Hovedord vs støtteord Kronprinsen i fylleslagsmål Fylleslagsmål med kronprinsen Odølinger i fylleslagsmål Fylleslagsmål i Odalen Fylleslagsmål med fem skadde Fem skadet i fylleslagsmål

150 Prinsippet er:

151 Ingressen

152

153

154 Ingressen 1-3 konsise setninger. Utdyper overskriften. Kan gjerne fortelle NÅR og HVOR noe skjedde, uten at dette er noen definitiv regel. Skal få potensielt interesserte til å få lyst til å lese hele artikkelen, samtidig som de kun middels interesserte skal få fullverdig informasjon av bare overskrift og ingress.

155 Superkorte ingresser..?

156

157

158

159

160 Den gode ingressen

161 Den gode ingressen Utdyper overskriften uten for mye gjentagelse Gir viktigste nøkkelfakta Gir grunnlag for å avgjøre om man ønsker å lese hele saken Er fengende

162 Den gode ingressen Utdyper overskriften? uten for mye gjentagelse? Gir viktigste nøkkelfakta X Gir grunnlag for å avgjøre om man ønsker å lese hele saken X Er fengende?

163 Den gode ingressen Utdyper overskriften uten for mye gjentagelse? Gir viktigste nøkkelfakta Gir grunnlag for å avgjøre om man ønsker å lese hele saken Er fengende X

164 Den gode ingressen Utdyper overskriften uten for mye gjentagelse Gir viktigste nøkkelfakta Gir grunnlag for å avgjøre om man ønsker å lese hele saken Er fengende

165 Brødtekst Husk å tilrettelegge for vertikal lesning Husk å lage korte avsnitt Alltid husk å tenke: Hva er det bruker egentlig trenger å vite om dette emnet?

166 Takk for meg! Nina Furu Mobil