krik

Brukervennlige og effektive nettsider

Are Gjertin Urkegjerde Halland

Informasjonskontoret for kristne folkehøgskoler

Kongsvinger, 8. november 2007

NetLife Research er uavhengige eksperter på brukervennlig design

• Brukersentrerte designprosesser

• Informasjonsarkitektur og interaksjonsdesign

• Brukertesting og eyetracking

• Evalueringer, kurs og rådgivning

BRUK-modellen: Erfaringsbasert,brukersentrert utviklingsmetodikk

1. Analyse 2. Konsept 3. Design

Agenda

10.00 – 10.45 Hva er gode brukeropplevelser?

10.45 – 11.15 Kaffepause

11.15 – 12.30 Personas, bruksoppgaver og forretningsmål

12.30 – 13.30 Lunsj

13.30 – 14.00 Intro til kjernemodellen

14.00 – 15.30 Kjernesider (Gruppearbeid)


16.00 – 17.00 Presentasjon og tilbakemeldinger

brukarvennleg

lettfunnen

nyttig

tiltalande

tilgjengeleg

truverdig

verdifull

Elementa i gode brukaropplevingar

Myter om brukervennligheit

• Maks tre klikk til alt

• Sju elementer i menyen

• Unngå scrolling

• Mykje funksjonalitet

• Ser fint ut

Definisjonar av brukskvalitetEit system skal være

– lett å lære,

– effektivt,

– lett å huske,

– håndtere feil på ein god måte

– og være behagelig å bruke

http://www.useit.com/alertbox/20030825.html

http://www.useit.com/alertbox/20030825.html

Kordan sikre brukervennligheit?

• Involver brukarar og brukarkrav i utviklingsprosessen

• Tilpass innhold og teknologi til brukarane, ikkje omvendt

• Gjer løysninga oppgåvefokusert

• Følge utbredte retningslinjer

• Iterativ utvikling

• Brukertest

Perfekt brukervennligheit hjelper ikkje...

• ... hvis ingen har bruk for tenesta

”I will accept poor usability if I get what I need, if the total experience is great. I will reject perfect usability if I am not rewarded with a useful, engaging experience.”- Donald Norman

Eit spørsmål om tillit

”If possible, avoid having ads on your site. If you must have ads, clearly distinguish the sponsored content from your own. Avoid pop-up ads, unless you don't mind annoying users and losing credibility.”

http://credibility.stanford.edu/guidelines


10 retningslinjer for truverdigheit1. Gjer det lett å verifisere innhaldet ditt (lenker ut er bra)

2. Vis at det står ein ekte organisasjon bak

3. Vis fram ekspertise gjennom innhald

4. Vis fram ekte og truverdige mennesker

5. Gjer det lett å kontakte deg

6. Utform sidene profesjonelt og hensiktsmessig (design)

7. Gjer nettstaden nyttig og brukarvennlig (oppgåvefokusert)

8. Vis at innhaldet er oppdatert

9. Vis stor varsemd med annonser

10. Unngå feil av alle slag (også småfeil)



Lett å finne?

Utfordringa er ikkje lenger å gjere informasjon tilgjengeleg, men å besvare informasjonsbehov når dei oppstår, der dei oppstår

Verdien som blir skapt er avgjerande

• Verdi for brukaren

– Nytteverdi

– Opplevelse

– Return on Experience

• Verdi for avsendar

– Inntjening

– Innsparing

– Return on Investment

4 smarte ting å tenke på

• Legg til rett for skumming

• Bruk triggerord aktivt

• Lag oppgåvefokuserte innganger

• Vurder om nyheiter er riktig

1) Folk les ikkje tekstar, dei skummar

• Skriv kort og legg til rette for skumming

– Korte setningar

– Korte avsnitt

– Punktlister

– Utheva nøkkelord

2) Folk leiter etter triggerord

• Triggerord

– Ordet brukeren ”har i hodet sitt”

– Det du bruker når du søker på Google

• Sjekk søkeloggen hvis du har!

• Bruk triggerord aktivt i tekst og lenker

Kva er våre triggerord?

3) Tenk viktigste oppgåver

• Utgangspunkt i personas og scenarier

• Lukten av informasjon og triggerord

4) Er nyheiter den beste måten?

• Burde vi heller haoppgåvefokuserteinngangar?

• Blogg kan vere eit meirpersonleg og betrealternativ

“(…) etter ei uke har (nyheiten) ingen verdi lenger. Den er gløymt, og ligg difor og rotnar i arkivet. Og det luktarikkje godt om nokon skulle slumpe til å finne den.”http://www.nettskriving.no/skrivetips/2005/10/794553.shtml

http://www.nettskriving.no/skrivetips/2005/10/794553.shtml

Agenda




12.30 – 13.30 Lunsj





Agenda




12.30 – 13.30 Lunsj





PERSONAS OG SCENARIER

Tre viktige spørsmål

3. Hvordan kan vi hjelpe dem å nå sine mål?

2. Kva mål har dei?1. Kven er brukarane?

1. Kven er brukargruppene?

• Målgrupper er på ikkje tilstrekkelig

• Vi må vite kven dei faktiske brukargruppene er

• Aller helst bør vi snakke med folk for å finne ut dette

?

2. Kva mål har dei?

Døme: NRK

Kva er oppskrifta på skillingsbollar?

Døme: Lånekassen

Når er fristen for å søke fast rente?

Døme: SFT

Kor mykje PCB-holdig rivningsmateriale er påavveie?

?

3. Korleis kan vi hjelpe folk å nå sine mål?

• På internett?

– Innhold

– Funksjonalitet

– Design og layout

• Og korleis skal nettet forholde seg til andrekanaler: brosjyrer, kampanjer, kundeservice?

?

Personas og scenarier

• Kva er personas?– Ikkje reelle brukere– Ikkje gjennomsnittlege brukere– Men typiske brukere

• Kvifor personas?– Konkretisering– Vise brukarane sitt handlingsmønster– Gi prosjektet brukarfokus– Styrande for videre utvikling – Felles referanse for prosjektteamet– Evalueringsverktøy

Case: Vinmonopolet

Scenario 1Eli skal ha jentekveld på lørdag og vet at hun snart må begynne å tenke på å bestille, helst i løpet av mandagen. Hun ringer kundesenteret og ønsker ikke postoppkrav. Kundesenteret anbefaler å betale med kredittkort, men Eli er skeptisk til å oppgi dette over telefon. Kundesenteret anbefaler henne da å ta turen innom nettsidene til Vinmonopolet og bestille via nettbutikken. Eli har ikke gjort dette før, men tar anbefalingen og går inn på www.vinmonopolet.no.

http://www.vinmonopolet.no/

Andre prioriterte brukargrupper

• Mat & vinkobleren – Kristian

– Litt perfeksjonist. Opptatt av at vinen passer til maten. Ønsker å briljere når det kommer gjester.

• Butikkhandelsplanleggeren - Finn

– Ansvarlig for å organisere innkjøp av drikkevarer til forspillene. Ønsker å kjøpe noe godt å drikke til en romantisk kveld.

pris

type

land

drue

Finn - butitikkhandel

Eli - distriktsbrukaren

Rolf – vineksperten

Kristian – mat&vin-kobler

Oppgave

• Grupper på to og to

• Lag ein persona og typiske scenarier

• Tid: 20 minutter

Bildeeller

tegning

Navn, alder, bakgrunn

Viktigste mål

Viktigste triggerord’

Bruksscenario: Kordan ville

vedkommande ønske å

a) finne våre nettsider og

b) bruke våre nettsider?

BRUKSOPPGÅVER

FORRETNINGSMÅL

Har du målsetningar for nettstaden?

Passive målsetningar:• ”Få informasjon ut på nett” (men kvifor?)• ”Ha vårt på det tørre” (men kven har nytte av

det?)• ”Lansere på tid og budsjett” (men kva?)• ”Tre nyheter i veka” (men kvifor?)• ”Få fleire besøk til nettsidene” (men kven?)• ”Meir effektiv arbeidsflyt” (men kordan?)• ”Færre henvendelsar” (men kva slags

henvendelsar?)

Investeringar skal gi avkastning

• Design, utvikling og drift av nettstaden din er ei investering

• Alle investeringar bør gi ein målbar avkastning

• Kva slags ”avkastning” kan nettstaden din gi?

• Kva slags grep kan du gjere for å auke avkastninga?

• Kordan kan du måle avkastninga?

Legg inn relevante Calls to Action

Følg med på konverteringsraten

Antall ønska handlingar * 100

Antall besøkende (potensielle kundar)

210 salg * 100

12 000 besøk på sida

= 1,75

Agenda




12.30 – 13.30 Lunsj





Agenda




12.30 – 13.30 Lunsj





KJERNEMODELLEN

Problemet med forsidefikling

© Joshua Porter: Home alone? The role of content aggregators

Problemet med isolasjon

http://www.flickr.com/photos/brendio/147026911/

Problemet med informasjonsoverlast

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009

100 Exabytes

12 Exabytes

All info / year

Unique info / year

All human

documents

produced last

40.000 years

© Stuart Park, based on Lesk, Berkeley SIMS, Landauer, EMC

Utnytte Calls 2 Action

Forretningsverdi Sosial verdi

ABOUTNESS

FINDABILITY

Vi må starte med kjernen

Design med kjernemodellen

Tilby relevante vegar vidare frå kjernen(”Calls to Action” som møter brukar-, forretnings- og sosiale mål)

Design vegar inn til kjernen(SEO, fasetter, menyar, søk, RSS, nyheitsbrev – alle mulige midler)

Prioritér og design kjernen(Prioritert innhald og funksjonalitet som tilfredsstiller brukarmål)

Kjerne, vegar inn og vegar vidare

Kjernen

Mest optimale informasjonsenhet

Balanserer brukar- og forretningsmål

Eksempel: Kommune

Søk om barnehageplass

Søknadsfristen for hovudopptaket er 1. mars, men ein kan søkja

barnehageplass heile året. Du søkjer plass ved å bruka vår fullelektroniske

søknadsportal. Her sender du oss søknaden frå dataskjermen:

n Opplysningane går direkte inn i vårt barnehagesystem

n Du får ei kvittering på at søknaden er motteken

Søk om barnehageplass

Kor gamalt må barnet vera før det kan byrja i barnehage?

Barnet må vere fylt 10 månader før det kan begynne i barnehagen.

Det kan søkjast plass i inntil 3 barnehagar.

Kva er prioriterte grupper?

Kor mykje kostar det?

Finst det barnehagar som er opne på kvelden og om natta?

Kor lang tid tar det før eg får svar på søknaden?

Kan eg klage på utfallet av søknaden?

-

Spørsmål & svar

+

+

+

+

+

Barnehagar i Førde

Førde familiebarnehage

Slåttebøen 33

6800 FØRDE

57 83 22 47

Halbrend barnehage

Liavegen 37

6800 FØRDE

57 72 44 36

Slåttebakkane barnehage

Ekornlia 3

6800 FØRDE

57 72 44 45

Kyrkjevegen barnehage

Postboks 6

6800 FØRDE

916 90 359

Prestebakken barnehage

Kyrkjevegen 30d

6800 FØRDE

57 82 04 22

Solvang barnehage

Solvang 17

6800 FØRDE

57 82 30 03

Kommunale barnehagar

Forside

Internt søk

Google/SEO

Inngåande lenker

Nyheitsbrev

Brosjyrer

RSS

Kjerne: Tenester

Online søknad

Offline søknad

Kontaktpunkter

Skriv ut

Send til ein venn

Kart over barnehagar

Lenker til barnehagar

, t.d. barnehage

Eksempel: Finn

Forside

Internt søk

Google/SEO

Inngåande lenker

Nyheitsbrev

Brosjyrer

RSS

Online søknad

Offline søknad

Kontaktpunkter

Skriv ut

Send til ein venn

Kart over barnehagar

Lenker til barnehagar

Prioritér det viktigaste elementet

Tilby støtteinfo etter behov

Enkelt, oppgavefokusert design

Kjernen kan også være distribuert

Kjernevariasjonar

Kjerneside Mange kjernerKjerneflyt

Kjerne-mal Long Tail-kjerneDistribuert kjerne

Design gode vegar inn til kjernen

Internt søk

Forside

RSS

Opne APIer

Affiliates

Nyheitsbrev

Google/SEO

Legg i handlevogn

Kjøp brukt

Legg i ønskeliste

Andre kjøpte...

Se også...

Gi vurdering

Tagg produktet

Vegar vidare: Calls to action

Calls to Action Captology

Persuasion Tunelling

Rhetorics Kairos Persuasion

Paths Conversion Statistics

ROI Social DesignTagging Recommendation

Systems Viral MarketingSocial Media Optimization

Inward Paths Core Outward Paths

Temaer og referanser

Findability Prioritiering Verdi

Epicenter Design Copy

as interface Simplicity Getting

Real Adaptive Design Agile

Development Flow

Human Information Interaction

Sensemaking Hub-Spoke

IA2.0 Microformats

Semantic Web APIs Personal

InfoClud

Search Engine

Optimization Ads

Links Search Marketing

Feeds Newsletters Affiliates

Information scent Offline

marketing Site navigationFacets Residue Attraction Tags

Taxonomies Site Search Best

Bets Link-rich frontpages

Alternative bruksområder

• Enkelt, fleksibelt tankeverktøy

• Støtteverktøy for intuitive valg

• Flygande start på konseptfasen

• Zoom inn på konsept utan å låse

• Prioritering for redesign

• Kommunikasjonsverktøy

• Flytte fokus frå forsida

Prøv sjølv!

KjerneVegar inn Vegar vidare

Og la oss bygge eit vakkert...

... informasjonsunivers!

Agenda




12.30 – 13.30 Lunsj





1) Finn mulige kjerner

Gruppeoppgave

• Lag en liste over de mest åpenbare kjernene/kjernesidene for din skule

Ønsket resultat

• Opplisting på A4-ark

Tid

• 5 minutter

Tips!• Hva er det brukeren aller helst vil gjøre?• Hva skal til for at brukeren blir fornøyd?• Hva er det DU aller helst vil oppnå?• En kjerne kan være en side, men også en flyt,

et element, eller noe helt annet...

2) Velg ut én kjerne

Gruppeoppgave

• Velg ut én av kjernene/kjernesidene (den dere tror er aller viktigs)

• Sett en stor ring rundt denne

• Denne skal vi jobbe videre med etterpå

Tid

• 5 minutter

Tips!• Hva er det brukeren aller helst vil gjøre?• Hva skal til for at brukeren blir fornøyd?• Hva er det DU aller helst vil oppnå?

3) List mulige elementer i kjernen

Gruppeoppgave

• List opp alle potensielle elementer i kjernen (eller på kjernesiden om du vil)

Ønsket resultat

• Opplisting på et A4-ark

Tid

• 5 minutter

Tips!• Elementer kan f.eks. være tittel,

bilde, kart, søknadsknapp, spørsmål og svar, kontaktperson, osv.

• Tenk på både kjerne-elementer og støtteinformasjon

4) Velg kjerne-elementer

Gruppeoppgave

• Velg ut 1-3 kjerneelementer(det aller, aller viktigste!)

Ønsket resultat

• Sett ring rundt kjerne-elementet/-ene i lista

Tid

• 5 minutter

Tips!• Kjerne-elementer er de aller, aller mest

sentrale elementene i kjernen/kjernesiden• Hva står igjen hvis du måtte fjerne alt unntatt

det som absolutt MÅ være der?• Det KAN være mer enn ett kjerne-element,

men prøv først å unngå dette...

5) Velg støtteinformasjon

Gruppeoppgave

• Velg ut de elementene som må være med som støtteinformasjon

Ønsket resultat

• Sett kryss ved støtte-elementene

Tid

• 5 minutter

Tips!• Støtteinformasjon er nødvendig

informasjon som brukeren kan ha behov for for å løse sine oppgaver, føle trygghet ved sine valg, osv.

6) Design kjernen!

Gruppeoppgave

• Fyll ut brukermål og forretningsmål øverst

• Stryk elementer som ikke skal være med

• Design kjernen/kjernesiden slik den bør være

Tid

• 25 minutter

Tips!• Fokuser på det viktigste kjerneelementet• Det er lov å delegere design av enkeltelementer

innad i gruppen. • Bruk gjerne post-it-lapper som kan limes på skissen.• Tekst og innhold er også design!

7) Lag gode veier inn til kjernen

Gruppeoppgave• List opp alle mulige veier inn til kjernen dere har

laget, og prioritér de viktigste

Ønsket resultat• Skriv inn veier inn på

pilene til venstre på arket

Tid• 15 minutter

Tips!• Tenk så fritt som overhode mulig

for å finne veier inn til kjernen• Veier inn kan være gjennom intern

navigasjon på nettstedet, men også gjennom andre nettsteder, offline kanaler, osv.

• Tenk på hvor brukeren befinner seg (fysisk, mentalt og virtuelt) og hvordan veien derfra kan lede til din kjerne

8) Lag gode veier videre fra kjernen

Gruppeoppgave• List opp alle mulige veier videre fra kjernen utfra

brukermål og forretningsmål• Prioritér de viktigste

Ønsket resultat• Veier videre til høyre på arket

Tid• 15 minutter

Tips!• Når brukeren har fått ”svar

på sine spørsmål” eller ”løst sitt problem”, hva er da naturlige veier videre?

• Hva er det vi som avsendere ønsker at brukeren skal gjøre?

• Har våre veier videre en form for relevans til der brukeren er nå?

Agenda




12.30 – 13.30 Lunsj





Agenda




12.30 – 13.30 Lunsj





9) Vi presenterer for hverandre!

• Vi tar runden fra bord til bord og ser hva de ulike gruppen har kommet fram til

Oppsummering

Uten kjernemodell

• Hvor langt ville vi kommet uten?

• Har vi fått andre idéer nå ?

• Hvor ville vi ha begynt uten?

• Gjenstår fortsatt mye arbeid med å detaljere innhold, navigasjon og design

• MEN vi har satt fokus på det viktigste!

Spørsmål? Kommentarer?

Navn

E-post

Mobil

www.iallenkelhet.no

Technology

krik