brugervenlighed på vestjysk, dm10

Brugervenlighed

på jysk

Tommelfingernegle,giraffer oggamle damer

Nicolaj Kirkgaard Nielsen@kinkobal

Brugervenligheds-

frontend-

søgemaskineoptimerings-

analytics-

udvikler

Webudvikler

I see usability...It’s everywhere!

Du burde virkelig tjecke

Jakob Nielsen ud!

Er det ikke ham med de blå og

understregede links?

PrioritizingWeb UsabilityJakob Nielsen og Hoa Loranger

Usability guidelines

Tracking (analytics)

Usability testing

Alle brugere påAlle sites

Alle brugere påÉt site

Én bruger påÉt site

You are here

Testing er meget vigtigt

Ten years ago, the Web wasexciting to people. Today it’s routine. […] Users are getting less tolerant of difficult sites, so everydesign flaw means lost business.Jakob Nielsen & Hoa LorangerPrioritizing Web Usability

#0044CC

80-100 mio. dollars

Men:”Du skal teste godt mod godt”

Benjamin Gundgaard, interview med Thomas Rosenstand

1,20% 1,25% 1,70%

A B C?

• Informerede beslutninger

• Indgående kendskab til målgruppen

• Skarpt definerede mål

• Best practices, lavt hængende

• Godt design

Universelle faktoreralle vores brugere er mennesker

Vores syn er værre end vi tror

Video: Eye tracking

Tommelfingerregelen

Formular layout

• Objektiv i DX-format med 11,1x zoom og en brændvidde fra 18 til 200 mm (ækvivalent med 35 mm: 27-300 mm).

• Stabiliseringssystem til vibrationsreduktionion II (VR II) med indstillingerne Normal og Aktiv. Betyder mere fleksibel håndholdt optagelse og gør det muligt at bruge lukkertider, der er op til fire stop længere.

• 2 ED-glaselementer og 3 asfæriske linseelementer sikrer høj opløsning og suveræn kontrast.

• SWM (Silent Wave Motor) betyder hurtig og næsten lydløs autofokus. • M/A-indstilling gør det muligt at skifte hurtigt mellem autofokus og

manuelt fokus. • 7-blads afrundet blændeåbning får elementer, der ikke er i fokus, til at

smelte sammen, så der opnås naturligt udseende baggrunde. • Nikons avancerede Super Integrated Coating (SIC) reducerer ghosting og

slørdannelse og sikrer en fremragende farvegengivelse.

• DX-format objektiv• Zoom op til 11,1x • Brændvidde fra 18 til 200 mm (svarer til 27-300 i 35mm).• Stabiliseringssystem (VR II) muliggør op til fire stop længere

lukkertider • Høj opløsning og kontrast med 2 ED-glaselementer og 3 asfæriske

linseelementer• Lydsvag SWM motor til autofokus• Autofokus og manuel fokus skiftes hurtigt på siden af objektivet• Slørring af baggrunde ser meget naturlig ud, pga. 7 blads afrundet

blændeåbning. • Reduceret ghosting og bedre farvegengivelse via Super Integrated

Coating (SIC)teknologi

Tekst

• Kort og præcist

• Indholdsgivende ord først

• Ét koncept pr. linie

• Brug

– Overskrifter

– Bulletpoints

– Fremhævninger

Vi ser bevægelsermed det samme

Tag højde for øjets fysiologi

Top tasks

Hvad er brugernesvigtigste mål på sitet?

Kunde-centrisk, ikke firma-centrisk

Hvad er der galt her:

Pareto princippetfor many events, roughly 80% of the effects come from 20% of the causes.

Frit fra Wikipedia, http://en.wikipedia.org/wiki/Pareto_principle

Vigtigste brugermål

2% af siderneUdgør 20% af sidevisningerne

Long neck

The key difference between commerce and e-commerce is that commerce is selling with people and e-commerce is selling with content. Gerry McGovern

• Kommunikerer dit indhold direkte til dine brugere?

– Check dette tit

• Ryd regelmæssigt ud i råddent indhold

– En forældet side er værre end ingen side

Hvordan lærer vi brugerne at kende?

A day in the lifeof a usability report

Task analysis

Surveys

User testing

Heuristik

Fokus grupper

Ja, mand! Det er fantastisk!

Wow!

Usability rapport

Manager

Skuffe

5 minutter senere

EmpatiEvnen til at genkende og forstå andres følelser. Det beskrives ofte som evnen til at sætte sig i andres sted. I empatien føler man sig ind i den anden.

Frit fra Wikipedia, http://da.wikipedia.org/wiki/Empati

Persona

Hjemmegående husmødre mellem 35 og 55

Bertha (47 år) Hjemmegående husmorHandler i Irma etc.

Personas:brugervenlig brugervenlighed

Hmm...

Men vil Lisa

synes om det?

... og så skal

der være racerbiler!

Enarmede tyveknægteog gamle damer

BrugervenlighedBrugeroplevelse

En brugervenlig spillemaskine

En brugervenlig spillemaskine

Søgeresultat

Klik på mit link

Landingsside

Klik på et produkt

Produktside

Læg produktet i kurven

Indkøbskurv

Søgeresultat

Klik på mit link

Landingsside

Klik på et produkt

Produktside

Læg produktet i kurven

Indkøbskurv

Off-site On-site

Hækkeløb

• Lad aldrig en bruger strande på en side

• Hav altid en primær CTA på hver side

• Vær opmærksom på hvert skridt i brugerens flow

• Tag højde for trafik til undersider

Så husk:

Design til øjettommelfinger-regelen

Hav fokus på

top tasks

Design brugerens

oplevelse

Eller kort sagt:

Tommelfingernegle,giraffer oggamle damer

Tak for jeres opmærksomhed

mail@nicolajkn.dk

www.twitter.com/kinkobal

PrioritizingWeb UsabilityJakob Nielsen og Hoa Loranger

Designing with the Mind in MindJeff Johnson

The Stranger’s Long NeckGerry McGovern

Don’t Make me ThinkSteve Krug