HLS ( Handrail Lighting System) Inkopplingsanvisning, steg för steg
7 steg til en fantastisk brukeropplevelse
-
Upload
jostein-magnussen -
Category
Design
-
view
778 -
download
1
description
Transcript of 7 steg til en fantastisk brukeropplevelse
![Page 1: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/1.jpg)
7 steg til en fantastisk brukeropplevelse
Jostein @josmag28.september 2011
![Page 2: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/2.jpg)
28 eksperter på brukeropplevelse
![Page 3: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/3.jpg)
Brukeropplevelse
Effektivt og attraktivt design
Strategi
![Page 4: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/4.jpg)
![Page 5: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/5.jpg)
![Page 6: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/6.jpg)
![Page 7: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/7.jpg)
1. Hva vil du?
![Page 8: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/8.jpg)
![Page 9: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/9.jpg)
9
![Page 10: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/10.jpg)
![Page 11: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/11.jpg)
![Page 12: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/12.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/13.jpg)
Brukervennlig nettsted
Flere besøkende
Flere likes på Facebook
VIRKEMIDLER
![Page 14: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/14.jpg)
![Page 15: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/16.jpg)
Tall
![Page 17: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/18.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/19.jpg)
Det enkle er det beste
250 sider
http://nrkbeta.no/nrks-forste-internettstrategi/
![Page 20: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/20.jpg)
+ Bla, bla, bla
=
![Page 21: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/21.jpg)
Sladdet
Eksempel på ”one-pager” webstrategi
![Page 22: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/22.jpg)
![Page 23: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/23.jpg)
2. Hva vil brukerne
dine?
![Page 24: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/24.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/25.jpg)
![Page 26: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/26.jpg)
![Page 27: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/27.jpg)
![Page 28: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/29.jpg)
29
Gerry McGovernCustomer Carewords
![Page 30: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/30.jpg)
10 millioner sider3 millioner ALDRI besøkt1% av innholdet står for
99% av sidevisningene
![Page 31: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/31.jpg)
Innovasjon Norge
![Page 32: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/32.jpg)
Spør brukerne
![Page 33: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/33.jpg)
Long neck - long tail
![Page 34: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/34.jpg)
Hva var brukerne interessert i?
![Page 35: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/35.jpg)
![Page 36: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/36.jpg)
![Page 37: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/37.jpg)
![Page 38: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/38.jpg)
3. Fjern innhold og
navigasjon
![Page 39: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/39.jpg)
![Page 40: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/40.jpg)
40
![Page 41: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/41.jpg)
41
![Page 42: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/42.jpg)
![Page 43: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/43.jpg)
![Page 44: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/44.jpg)
![Page 45: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/45.jpg)
![Page 46: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/46.jpg)
“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](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/47.jpg)
![Page 48: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/48.jpg)
Menn vs. kvinner
Online JournalismReview: http://www.ojr.org/ojr/stories/070312ruel/
![Page 49: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/49.jpg)
Online JournalismReview: http://www.ojr.org/ojr/stories/070312ruel/
![Page 50: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/50.jpg)
![Page 51: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/51.jpg)
![Page 52: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/52.jpg)
![Page 53: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/53.jpg)
![Page 54: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/54.jpg)
![Page 55: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/55.jpg)
5. Slutt å pynte, la
innholdet skinne
![Page 56: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/56.jpg)
Banner blindness
Brukere ser nesten aldri på
reklamebannere eller innhold
som ser ut som bannere
![Page 57: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/57.jpg)
Visuelle vollgraver
![Page 58: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/58.jpg)
= spade
![Page 59: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/59.jpg)
![Page 60: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/60.jpg)
60
![Page 61: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/61.jpg)
61
![Page 62: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/62.jpg)
![Page 63: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/63.jpg)
63
Inspirasjon:
mikekus.com
jasonsantamaria.com
![Page 64: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/64.jpg)
6. Slapp av
![Page 65: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/65.jpg)
![Page 66: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/66.jpg)
![Page 67: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/67.jpg)
67
Aaron Walter
http://thinkvitamin.com/design/emotional-interface-design-the-gateway-to-passionate-
users/
![Page 68: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/68.jpg)
“Oh Mailchimp monkey. Just as I get frustrated
w/ wrangling email addresses, you’re there w/
your little witticisms to cheer me up.”
![Page 70: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/70.jpg)
![Page 71: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/71.jpg)
![Page 72: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/72.jpg)
![Page 73: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/73.jpg)
![Page 74: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/74.jpg)
Fortsett å bore. Kanskje du finner siden!
![Page 75: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/75.jpg)
7. Gå hjem og..
![Page 76: 7 steg til en fantastisk brukeropplevelse](https://reader033.fdocuments.net/reader033/viewer/2022051516/5595f4e81a28abbd6c8b461f/html5/thumbnails/76.jpg)
”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?