77
7 steg til en fantastisk brukeropplevelse Jostein @josmag 28.september 2011

7 steg til en fantastisk brukeropplevelse

Embed Size (px)

DESCRIPTION

Foredrag om innhold, brukervennlighet, webstrategi etc. på Netlife Research sitt frokostseminar i Stavanger 28.sept. 2011

Citation preview

Page 1: 7 steg til en fantastisk brukeropplevelse

7 steg til en fantastisk brukeropplevelse

Jostein @josmag28.september 2011

Page 2: 7 steg til en fantastisk brukeropplevelse

28 eksperter på brukeropplevelse

Page 3: 7 steg til en fantastisk brukeropplevelse

Brukeropplevelse

Effektivt og attraktivt design

Strategi

Page 4: 7 steg til en fantastisk brukeropplevelse
Page 5: 7 steg til en fantastisk brukeropplevelse
Page 6: 7 steg til en fantastisk brukeropplevelse
Page 7: 7 steg til en fantastisk brukeropplevelse

1. Hva vil du?

Page 8: 7 steg til en fantastisk brukeropplevelse
Page 9: 7 steg til en fantastisk brukeropplevelse

9

Page 10: 7 steg til en fantastisk brukeropplevelse
Page 11: 7 steg til en fantastisk brukeropplevelse
Page 12: 7 steg til en fantastisk brukeropplevelse

Verdens beste

Nordens beste

Norges beste

Best i vår bransje

På høyde med de beste

Gode mål?

Page 13: 7 steg til en fantastisk brukeropplevelse

Brukervennlig nettsted

Flere besøkende

Flere likes på Facebook

VIRKEMIDLER

Page 14: 7 steg til en fantastisk brukeropplevelse
Page 15: 7 steg til en fantastisk brukeropplevelse

Flere kvalifiserte jobbsøkere

Flere relevante leads

Selge mer

Spare penger på kundeservice

Kommunens innbyggere skal betjene

seg her

Page 16: 7 steg til en fantastisk brukeropplevelse

Tall

Page 17: 7 steg til en fantastisk brukeropplevelse

50% flere kvalifiserte jobbsøkere

100 relevante leads i måneden

Selge 40% mer

Kutte 50% av henvendelser til kundeservice

76% av kommunens innbyggere skal betjene seg her

Page 18: 7 steg til en fantastisk brukeropplevelse

Webstrategi: 345

viktige punkter

Laget av Boring Consulting

SIDE 1 av 322

Den altomfattende

kravspesifikasjonen

Laget av Tiger Woods Consulting

SIDE 1 av 357

Page 19: 7 steg til en fantastisk brukeropplevelse

Det enkle er det beste

250 sider

http://nrkbeta.no/nrks-forste-internettstrategi/

Page 20: 7 steg til en fantastisk brukeropplevelse

+ Bla, bla, bla

=

Page 21: 7 steg til en fantastisk brukeropplevelse

Sladdet

Eksempel på ”one-pager” webstrategi

Page 22: 7 steg til en fantastisk brukeropplevelse
Page 23: 7 steg til en fantastisk brukeropplevelse

2. Hva vil brukerne

dine?

Page 24: 7 steg til en fantastisk brukeropplevelse

Vår visjon må frem!

Vi har mye vi må

informere om!

Det er jo

samhandling det

heter

Page 25: 7 steg til en fantastisk brukeropplevelse
Page 26: 7 steg til en fantastisk brukeropplevelse
Page 27: 7 steg til en fantastisk brukeropplevelse
Page 28: 7 steg til en fantastisk brukeropplevelse

Agenda styringsgruppemøte

1. Fargen i toppen

2. Antall nyheter på forsiden

3. Venstre eller toppmeny?

2

Page 29: 7 steg til en fantastisk brukeropplevelse

29

Gerry McGovernCustomer Carewords

Page 30: 7 steg til en fantastisk brukeropplevelse

10 millioner sider3 millioner ALDRI besøkt1% av innholdet står for

99% av sidevisningene

Page 31: 7 steg til en fantastisk brukeropplevelse

Innovasjon Norge

Page 32: 7 steg til en fantastisk brukeropplevelse

Spør brukerne

Page 33: 7 steg til en fantastisk brukeropplevelse

Long neck - long tail

Page 34: 7 steg til en fantastisk brukeropplevelse

Hva var brukerne interessert i?

Page 35: 7 steg til en fantastisk brukeropplevelse
Page 36: 7 steg til en fantastisk brukeropplevelse
Page 37: 7 steg til en fantastisk brukeropplevelse
Page 38: 7 steg til en fantastisk brukeropplevelse

3. Fjern innhold og

navigasjon

Page 39: 7 steg til en fantastisk brukeropplevelse
Page 40: 7 steg til en fantastisk brukeropplevelse

40

Page 41: 7 steg til en fantastisk brukeropplevelse

41

Page 42: 7 steg til en fantastisk brukeropplevelse
Page 43: 7 steg til en fantastisk brukeropplevelse
Page 44: 7 steg til en fantastisk brukeropplevelse
Page 45: 7 steg til en fantastisk brukeropplevelse
Page 46: 7 steg til en fantastisk brukeropplevelse

“I praksis fjernet vi et par hundre valg i vår venstremeny, og ble sittende igjen med rundt 18 valg i en horisontal meny. Resultatet var flere klikk i menyen.”

http://www.dagbladet.no/2010/09/01/kultur/design/layout/internett/dbno/13208330/

Page 47: 7 steg til en fantastisk brukeropplevelse
Page 48: 7 steg til en fantastisk brukeropplevelse

Menn vs. kvinner

Online JournalismReview: http://www.ojr.org/ojr/stories/070312ruel/

Page 49: 7 steg til en fantastisk brukeropplevelse

Online JournalismReview: http://www.ojr.org/ojr/stories/070312ruel/

Page 50: 7 steg til en fantastisk brukeropplevelse
Page 51: 7 steg til en fantastisk brukeropplevelse
Page 52: 7 steg til en fantastisk brukeropplevelse
Page 53: 7 steg til en fantastisk brukeropplevelse
Page 54: 7 steg til en fantastisk brukeropplevelse
Page 55: 7 steg til en fantastisk brukeropplevelse

5. Slutt å pynte, la

innholdet skinne

Page 56: 7 steg til en fantastisk brukeropplevelse

Banner blindness

Brukere ser nesten aldri på

reklamebannere eller innhold

som ser ut som bannere

Page 57: 7 steg til en fantastisk brukeropplevelse

Visuelle vollgraver

Page 58: 7 steg til en fantastisk brukeropplevelse

= spade

Page 59: 7 steg til en fantastisk brukeropplevelse
Page 60: 7 steg til en fantastisk brukeropplevelse

60

Page 61: 7 steg til en fantastisk brukeropplevelse

61

Page 62: 7 steg til en fantastisk brukeropplevelse
Page 63: 7 steg til en fantastisk brukeropplevelse

63

Inspirasjon:

mikekus.com

jasonsantamaria.com

Page 64: 7 steg til en fantastisk brukeropplevelse

6. Slapp av

Page 65: 7 steg til en fantastisk brukeropplevelse
Page 66: 7 steg til en fantastisk brukeropplevelse
Page 67: 7 steg til en fantastisk brukeropplevelse

67

Aaron Walter

http://thinkvitamin.com/design/emotional-interface-design-the-gateway-to-passionate-

users/

Page 68: 7 steg til en fantastisk brukeropplevelse

“Oh Mailchimp monkey. Just as I get frustrated

w/ wrangling email addresses, you’re there w/

your little witticisms to cheer me up.”

Page 69: 7 steg til en fantastisk brukeropplevelse

Feilmelding fra: www.twitter.com

Page 70: 7 steg til en fantastisk brukeropplevelse
Page 71: 7 steg til en fantastisk brukeropplevelse
Page 72: 7 steg til en fantastisk brukeropplevelse
Page 73: 7 steg til en fantastisk brukeropplevelse
Page 74: 7 steg til en fantastisk brukeropplevelse

Fortsett å bore. Kanskje du finner siden!

Page 75: 7 steg til en fantastisk brukeropplevelse

7. Gå hjem og..

Page 76: 7 steg til en fantastisk brukeropplevelse

”Hjemmelekse”

Hva skal dere oppnå med nettsidene?

Støtter dere brukernes vanligste oppgaver?

Kutt innhold, pynt og navigasjon

Er dere klare for det lille ekstra?

Page 77: 7 steg til en fantastisk brukeropplevelse

Takk for meg!

Jostein Magnussen

[email protected]

Tlf. 40 22 64 09

Twitter: @josmag