Innhold på nett: Stil, tone og mikrotekster

Transcript

1. Innhold på nett: Stil og tone Mikrotekster Bjørn Bergslien IGM Oslo, 11. januar 2013
2. 09.00 - 09.45 Stil og tone - hva, hvorfor, hvordan 10.00 - 10.45 Jobbe med stil og tone 11.00 - 12.00 Mikrotekster Agenda
3. Stil og tone - hva er det?
4. Hvordan fremstår din bedrift på web? • Livlig? • Spenstig? • Morsom? • Seriøs? • Treg? • Kjedelig?
5. Farger, skygger, 3D-effekter, typografi, mønster, former, harmoni, balanse, kontrast fancy funksjoner
6. Stil og tone - bare grafikerens ansvar?
7. Hva med innholdet?
8. Hva med innholdet? • Lesbarhet og tilrettelegging for web? • Korrekt grammatikk? • Gode overskrifter? • Få fram budskapet? • Den omvendte pyramide? • Relevant for brukeren? • Forståelig og godt skrevet?
9. Personlighet Stil Tone Identitet Merkevare & Brand Målgrupper Språk
10. Stil og tone kommer også til uttrykk gjennom innholdet
11. – Every time customers read something on a company’s website or chat with its staff, they make judgements about its brand personality. Sarah Richards, Matthew Ballesteros UX Magazine
12. «De geme typene i St. Hallvard river i transporten» ... «Det gjelder utenlands også. Ingen grunn til ikke å se sharp ut under utvekslingsåret i Minnesota»
13. «Moods of Norway is presented in the most polished and happy stores across the universe» ... «We create super duper collections at an alarming rate»
14. «For deg som liker å trene uavbrutt. Hos EVO blir du ikke avbrutt av overivrige instruktører i tide og utide»
15. «Integritet innebærer at klientenes behov og interesser alltid skal ivaretas, innenfor gjeldende lover og regler»
16. «Handmade leather bags and accessories so fine that that they’ll fight over them when you're dead»
17. «Don’t forget what your mother told you. Treat others as you’d like to be treated»
18. Stil og tone handler om... • Hvem du er • Hvordan du fremstår • Hvordan du ønsker å bli oppfattet • Hvordan du snakker med dine brukere • Hvor bevisst du er på deres språk og stil • Hvorvidt din stil og tone matcher deres stil og tone
19. Ikke bare ord Teksten spiller sammen med andre innholdselementer som bilder, videoer og det grafiske uttrykket for øvrig.
20. «Å lage gode websider er ikke noe hokus pokus. Eller vent, JO, det er det. Det er akkurat det det er! Hos oss lærer du ikke bare websidenes hokus pokus, du lærer også abra kadabra for sosiale medier og simsalabim for epost. Nytt fordypningskurs 2013: Hvordan få intranett til å levitere.»
21. Handler også om kanaler • Ikke bare nettsiden - Sosiale kanaler - E-post - SMS - Pressemeldinger - Kampanjesider - Nyhetsbrev - Brosjyrer - Visittkort • Hvordan kommuniserer vi i disse kanalene? Henger det sammen?
22. Hvorfor skal vi bry oss om stil og tone?
23. – In today’s market, just being «useful» is no longer sufficient. Sarah Richards, Matthew Ballesteros Personality: The fourth essential of a customer-centric business
24. 1. Predictability - forutsigbarhet 2. Efficiency - effektivitet 3. Convenience - bekvemmlighet/praktisk 4. Personality De fire essensielle
25. Derfor... • Personlighet skiller deg fra konkurrenten • Riktig stil og tone bygger tillit og lojalitet • Brukerne dine husker deg og merkevaren din bedre • Riktig stil og tone kan snu en dårlig opplevelse til en god • Stil og tone kan bidra til at kunden velger deg fremfor en billigere konkurrent
26. Fordi brukerne forventer det. Kommunikasjon på nett har blitt mer menneskelig. Servere og databaser Kommunikasjon
27. – Products are people too. Aarron Walter Desgning for Emotion
28. Komme i gang
29. Finn din stil • Se på strategier, visjon, verdier • Sjekk hva kundene sier om dere • Se gjennom design og visuelle guidelines • Gjennomfør workshops for å finne ut mer - Hvem er vi? - Hvordan vil vi fremstå? - Hvordan skriver vi for å få frem riktig stil og tone?
30. http://aarronwalter.com/design-personas/
31. Sparebanken Sogn og Fjordane Kjerneverdier Nær, dyktig, engasjert Assosiasjoner Lokal, aktiv, trygg, solid, pålitelig, hjelpsom Fra webstrategien Støttespiller, familievennlig, moderne, nytenkende, offensiv bank Arbeidsplassen Vinnerkultur, selvtillit, trivsel, kreativitet, humor
32. Føringer for stil og tone • Konkurransedyktig, men ikke billigst • Nynorsk, men ikke «gammelnorsk» • Dyktig, men ikke skrytete • Humoristisk, men ikke flåsete • Nær, men ikke for lokal • Kort og presist, men ikke for enkelt • Konkret, men ikke følelsesløst • Moderne, men ikke for teknologisk
33. Netlife er... Skriv slik Ikke slik Kompromissløse Vi kutter 90 prosent av innholdet ditt. Hvis du vil kan vi gå gjennom innholdet og gjøre en vurdering av kvaliteten. Kunnskapsrike 5000 brukertester har lært oss å lage nettsteder som funker. Vi er 45 eksperter på brukeropplevelse som lager interaktive løsninger som bidrar til vediskapning. Lekne Skifte beite? Gresset er grønnere hos oss. Vi søker etter interaktive digitale eksperter med erfaring fra kognitive prosesser.
34. Variasjoner av tone
36. Jens Stoltenberg • Livlig • Glad • Fornøyd • Munter • Humørfylt • Trist • Sint • Seriøs • Likegyldig
37. Tilpass tonen • Hva slags type innhold er det? - Feilmelding? - Suksessmelding? - Informativ tekst? - Selgende tekst? - Beklagende tekst? • Hvordan føler brukeren seg når han leser dette? • La aldri stil og tone komme i veien for brukeroppgaven
38. Kan fort skjære seg...
39. Det lille ekstra Brukervennlig Pålitelig Funksjonelt
40. Nedfell prinsipper • Skriveguide • One-pager • Innholdsstrategi • Forretningsstrategi • Egen stil og tone-guide • Trenger ikke å være et 250-siders dokument
41. En del av innholds- strategien
42. Egen wiki
43. Sub-site
44. Oppgave Tilpass til Lommelegen.
45. Mikrotekster
46. Av erfaring tenker vi på dette når vi tenker på innhold: • Skrive sammenhengende tekst • Legge til bilder, video osv. • Publisere innholdet • Forvalte innholdet
47. Vi glemmer dette: • Hjelpetekstene • Navigasjonstekstene • Knappetekstene • Menytekstene • Skjematekstene • Bekreftelsesmeldingene • Feilmeldingene • Systemtekstene • Varsler og tilbakemeldinger • Generiske mellomtitler og overskrifter • Synlige metadata
48. Noen eksempler på mikrotekster
49. Navigasjons- hjelpere
50. Navigasjons- hjelpere
51. Feilmeldinger i skjema
52. Systemtekster
56. Hjelpetekster Knappetekster
57. Hvorfor mikrotekster?
58. For å gi riktige veier videre og guide brukerne
59. For å betrygge brukeren
60. For å være hyggelig (husk stil og tone)
61. For å forklare og styre forventninger
62. – We obsess over pixels, shadows, shades, typefaces, borders, gradients, opacities, blurs and more. Why not words? Des Traynor
63. Noen tips
64. Definer hvem som har ansvaret • Designeren? • Innholdsrådgiveren? • Interaksjonsdesigneren? • Informasjonsarkitekten? • Prosjektlederen? • ...eller utvikleren?
66. Jobb med mikrotekster tidlig i prosessen
67. Test ut ulike varianter av mikrotekst Send Lagre OK Sende inn utfylt skjema
68. Unngå «smarte» begreper. To ord kan være katastrofe for et helt produkt.
69. Noen tips • Jobb med reelle mikrotekster • Ikke utsett, da blir det fort glemt • Test ut ulike varianter • For generiske mikrotekster - sjekk at de funker på tvers • Bruk kjente og forståelige begreper • Husk stil og tone
70. Oppgave Skriv hjelpetekster til «Ditt spørsmål» og «Relevant tilleggs- informasjon».
71. Lesestoff • Designing for Emotion (Aarron Walter) • Personality: The fourth essential of a customer-centric business http://uxmag.com/articles/personality • Skriv innhold med stil http://iallenkelhet.no/2012/06/08/innhold-med-stil • Zoom inn på mikrotekstene http://iallenkelhet.no/2012/04/12/mikrotekster/
72. Kontakt meg Bjørn Bergslien 915 92 886 http://twitter.com/bbergslien bjorn@netliferesearch.com
73. Takk!