Brukervennlig web. 12. Januar 2010, Tromsø av Hilde Amundsen

Transkript

1 Brukervennlig web 12. Januar 2010, Tromsø av Hilde Amundsen

2 Hvorfor er web så viktig? Informasjonsoverbelastning trenden push-til-pull Pull-kommunikasjon Mottager tar initiativet, er den aktive Det er mottagers behov som er viktige, ikke avsenders ønsker og agenda I pull-kommunikasjon er det ikke lenger viktig hva du ønsker å si og til hvem! Derimot blir det uhyre viktig hva bruker har behov for å finne/gjøre.

3 Web er et selvbetjeningsmedium! Konkrete mediale forskjeller. Ingen begynnelse og slutt Alle sider må være selvforklarende Du kan ikke ta noe for gitt Du må tilrettelegge for forskjellige inn- og utganger Brukeren må ønske å oppsøke nettstedet Brukeren må ha en grunn til å oppsøke nettstedet

4

5

6

7

8

9 Hvordan skal websiden skape verdi for bruker og for bedrift? Målsetting Brukerbehov Brukeren må ønske å oppsøke nettstedet Brukeren må ha en grunn til å oppsøke nettstedet Konsept med suksesspotensiale

10

11 Tidsklemma (avstøting)

12 Vi avgjør før vi leser: Vi dømmer en nettside på millisekunder Av Einar Ryvarden ( ) - En kanadisk undersøkelse understreker hvor viktig design og bilder er for en nettside. En kanadisk undersøkelse hevder at vanlige nettbrukere ikke leser når de vurderer en nettside. Hjernen hos en vanlig nettbruker gjør en antagelse av kvaliteten på nettsiden i løpet av bare 50 millisekunder, hevder forskere på Carleton University i Ottawa. Undersøkelsen er publisert i den akademiske tidsskriftet "Behaviour & Information Technology", skriver nyhetstjenesten newsfactor.com. Nå vil en del brukere likevel gå videre på nettsiden, men hvis brukeren vurderer siden som rotete, faller sjansen for dette dramatisk. Forskerne gjennomførte studiet ved å vise brukerne nettsider i bare 50 millisekunder og så be brukerne vurdere nettsidens kvalitet. Vurderingene ble de samme når brukerne fikk lov til å se på nettsiden i en lengre periode. Forskerne mener at deres resultater viser hvor viktig riktig design er. - Er ikke førsteinntrykket godt, vil brukerne gå videre før de en gang har sett på innholdet at du tilbyr noe som er bedre enn konkurrentens, sier Gitte Lindgaard, en forskerne bak studiet. Annen forskning viser at folk lar seg lede over tid av sitt førsteinntrykk og at det er vanskelig å endre et negativt eller positivt førsteinntrykk. Publisert :44 på

13 Tidsklemma (avstøting) Maks 2-3 sekunder på å overbevise brukeren om at han bør bli og kikke nærmere på ditt nettsted

14 Teorien om lukten av informasjon Teori om hvordan brukerne orienterer seg på web Fram eller tilbake? - visuelle / tekstlige markører Underbygd av flere tusen brukerobservasjoner Teorien er utviklet og formulert av selskapet User interface Engineering - Jared Spool, Christine Perfetti og David Brittan

15 Triggerord

16 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!)

17 Gode trigger-ord bør være: 1. Enkle (ikke nye ord / ikke stammespråk / ikke TBF) 2. Beskrivende (unngå kunstige ord og omskrivninger) 3. Konkrete (tenk konkretisering (ikke dyr, men katt) 4. Substantiver (lån ikke låne) 5. Løsninger (unntak medisinske diagnoser) 6. Brukerdefinerte 7. Ikke beskrive bruker selv unngå inndelinger som småkunde, mellomstor kunde osv Bruker er orientert mot produkter / emner / tjenester

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

19 Hvordan identifisere trigger-ord? (Hva er det din kunde kaller ditt produkt/din informasjon?) Se på eksterne websøk Se på statistikk og side Spør brukerne direkte Gjennomfør bruker-workshops Gjennomfør elektroniske undersøkelser Gjør split-testing (A/B) Gjør papir-prototyping Spør sentralbordet

20 Hvordan tilrettelegge for bruker Bruk triggerord : I navigasjon/meny I overskrifter I linker I tekster og du får mye ekstra trafikk fra søkemotorer med på kjøpet.

21 Internettsøk er blitt den viktigste kilden til informasjon for norske nettbrukere 66% av all trafikk inn til synlige norske nettsteder kommer fra søkemotor 91,7% av nettbrukere benytter søkemotorer (AC Nielsen) 67% av all trafikk til en nettside kommer ikke til forsiden

22 Organisk søk ekte søketreff Kan ikke kjøpes må fortjenest Annonser Betalt søk Plassering avhengig av pris

23 Hvor ser brukeren 80 % av klikkene på en søketreffside går til det organiske søket Inntil 40% av klikkene går til den første organiske oppføringen Kilde: Kjartan Bjørkevold/SEMBlogg

24

25

26 Du får synlighet på hva du faktisk skriver av innhold på websiden Hva du skriver i tittel, ingress og brødtekst Hva du skriver i lenketekster Bruk av nøkkelord/triggerord Sentralt prinsipp: Når brukeren ser sitt trigger-ord i en link, så klikker han på det

27 Skriving for web

28 Eye tracking Kilde: Video:

29 Utfordringer med å lese på web 25% lenger tid å lese på skjerm Skumleser Svært få gidder å scrolle Utålmodige og rastløse brukere Skanner og leter Inntil vi finner, da leser vi

30 Hva er brukeren ute etter? Finne informasjon hurtig Finne korrekt, objektiv og oppdatert informasjon Eventuelt utføre en transaksjon

31 Undersøkelse om lesbarhet Jakob Nielsen/John Morkes Hva ble testet? Hvor mye leserne husker Hvor mange feil de gjør Hvor lang tid de bruker Hvor lett det er å finne innholdet

32 Utgangspunktet Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, 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), and Buffalo Bill Ranch State Historical Park.

33 1. Objektivt språk Nebraska has several attractions. In1996, some of the most-visited 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).

34 1. Objektivt språk Nebraska has several attractions. In1996, some of the most-visited 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). 27% forbedring

35 2. Lett å skumlese Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, 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

36 2. Lett å skumlese Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, 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% forbedring

37 3. Kort og konsist (halvert ordmengde) In 1996, 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.

38 3. Kort og konsist (halvert ordmengde) In 1996, 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

39 4. Kombinasjonstekst (alle 3 forbedringer) KOS = kort, objektivt og skumlesbart In 1996, 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

40 4. Kombinasjonstekst (alle 3 forbedringer) In 1996, 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 124% forbedring

41 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

42 Formater teksten riktig

43 Ta utgangspunkt i brukers modus Har han allerede bestemt seg for å gjøre det du ønsker (søke på studiet)? Eller er han/hun her for å sammenligne informasjon før en bestemmer seg? Siden dette er web kommer alltid bruker til siden av en grunn. Finn grunnen, og du har utgangspunktet for din selgende tekst.

44 Informasjonstekst / selgende tekst En selgende tekst er en tekst som skal overtale bruker til å gjøre noe, selv om bruker ikke i utgangspunktet er i handlingsmodus Selgende tekst = handlingsutløsende tekst Selgende tekster handler veldig ofte om å få brukeren til å klikke på en lenke. Men nøyaktig hva lenken handler om, kan være forskjellig fra nettsted til nettsted. Viktig å ikke bare tenkt salg, men tenk informasjon for å understøtte brukerbehov. Som skribent må vi imøtegå brukernes innvendinger og ubesvarte spørsmål, understøtter behovet for trygghet, og gir deg lyst til å søke på studieplass

45 Webkommunikasjon Rekruttering av studenter Generelt positivt inntrykk Rett faglig tilbud Studiemiljø er viktige faktorer i valg av studiested.

46 Skriv kort og konsist Skriv bare halvparten så langt som du ellers ville gjort Hvis du er nødt til å skrive langt, så lag et sammendrag av teksten i starten. Våg å sett punktum

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

48 Si det viktigste først TITLER Gode titler er avgjørende når vi skriver webtekster Tittelen er ofte det første øye søker på en nettside Gode titler skal si noe om hva teksten inneholder: Enkle Korte

49

50

51 INGRESSER Bruk ingresser for å oppsummere hovedpoenget på toppen av siden. Skriv konklusjonen i ingressen (kun 1 poeng) Ingressen skal være en interessevekker (teaser) Ingressen må ikke være for lang Bruk relevante triggerord Tenk tabloidavis der skrives det alltid på denne måten. (hvem, hva, hvordan/hvorfor)

52

53

54 Bilde og innholdet må ha relevans

55 Del opp teksten i avsnitt Del opp teksten i avsnitt med jevne mellomrom. Presenter bare 1 poeng i hvert avsnitt.

56

57 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. Første ord i tittelen skal være viktig. Titlene dukker opp i søkemotorer.

58

59

60 Uthev viktige ord og setninger Uthevinger gjør det enklere å skumlese teksten, bruk fet skrift på nøkkelord. Punktlister gjør det mulig å lese vertikalt. Ikke bruk understreking, som kan forveksles med lenker. Ikke bruk store bokstaver til utheving. Det er tungt å lese DESSUTEN SER DET UT SOM OM DU SKRIKER

61

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

63 Linktekster Linker MÅ være meningsbærende

64 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.

65 Linktekster 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

66

67 Most Wanted Response-lenker En forretningskritisk link bør imidlertid stå inne i teksten (gjerne som eget avsnitt), og bør være lang (7-12 ord) Nina Furus ( beste link er Gratis sjekkliste for søkemotoroptimalisering du kan gjøre selv

68 Lange dokumenter som vedlegg 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. Skriv et kort sammendrag som kan leses av dem som ikke skriver ut dokumentet.

69

70

71 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. Bruk stavekontroll

72 Hva betyr det å skrive KOS i praksis? Kort Objektivt Skumlesbart

73 Kort Hold fokus beinhardt på poenget og konklusjonen Ta heistesten Kutt halvparten Kutt halvparten igjen Bruk eventuelt en to-trinns strategi Skriv en kort og tabloid artikkel med link til en dypere artikkel (eventuelt til hele saken nedlastbar)

74 Objektivt Cut the prose Skriv fakta, opplysninger og data Vurder å presentere ting i andre og mer presise former enn tekstlig (grafer, bilder, figurer etc.) Litteratur er for bøker (OK, e-bøker også, da ;-)))

75

76 Skumlesbart Overskrift & ingress skal fortelle historien Bruk uthevinger Bruk punktlister Bruk mellomtitler Bruk eventuelt grafiske framstillinger Bruk linker som veivisere Brukeren bruker disse punktene til å orientere seg Først når han kommer til målteksten øker tålmodigheten

77 Oppsummering Når brukeren får gjort det han skal på vårt nettsted, har vi lykkes! HUSK Gjør det enkelt Gjør det nå! Gjør én ting av gangen