66
Användbarhet Anton Tibblin

HT16 - DA156A - Introduktion till användbarhet

Embed Size (px)

Citation preview

Page 1: HT16 - DA156A - Introduktion till användbarhet

AnvändbarhetAnton Tibblin

Page 2: HT16 - DA156A - Introduktion till användbarhet

Moment: Användbarhet

Två föreläsningar

1/2 inlämningsuppgift

Page 3: HT16 - DA156A - Introduktion till användbarhet

Föreläsningar

1. Användbarhet – Generellt

2. Användbarhet – Inriktning IT

Page 4: HT16 - DA156A - Introduktion till användbarhet
Page 5: HT16 - DA156A - Introduktion till användbarhet

Vad är användbarhet?

Page 6: HT16 - DA156A - Introduktion till användbarhet

”Något som är enkelt att

använda”

Page 7: HT16 - DA156A - Introduktion till användbarhet

Vad är användbarhet?

Page 8: HT16 - DA156A - Introduktion till användbarhet

Definition av användbarhet

(1)

“The extent to which a product can be used by

specified users to achieve specified goals with

effectiveness, efficiency, and satisfaction in a

specified context of use” (ISO)

Page 9: HT16 - DA156A - Introduktion till användbarhet

Definition av användbarhet

(2)

Använd-

barhet

Lätt att lära Effektiv

Ändamåls

-enlig

Fel-tolerans

Engage-rande

Page 10: HT16 - DA156A - Introduktion till användbarhet

Definition av användbarhet

(3)• Effektivitet

o Rätt funktionalitet

o Stödjer användarens

arbetsuppgifter

o Lätt att lära och komma ihåg

• Produktiviteto Gör sällan fel

o Klarar många arbetsuppgifter

o Snabb

• Nöjda användareo Kanske rent av kul

o Bra till mods

o Ej ohälsosamt

o Orsakar inte stress

o Orsakar inte arbetsskador

• Säkerheto Användarna kan inte ”förstöra”

av misstag

o Man kan ångra sig

Page 11: HT16 - DA156A - Introduktion till användbarhet
Page 12: HT16 - DA156A - Introduktion till användbarhet

Användbarhet?

Page 13: HT16 - DA156A - Introduktion till användbarhet

Varför användbarhet?

Intern lönsamhet

Ökar produktiviteten

Ökar trivseln

Minskar felen

Minskar kostnader (support, utbildning m.m.)

Minskar arbetsskador, vantrivsel

Extern Lönsamhet

Ökar försäljningen

Nöjda kunder

Minskar support- och utvecklingskostnader

Page 14: HT16 - DA156A - Introduktion till användbarhet

Är användbarhet svårt?

Page 15: HT16 - DA156A - Introduktion till användbarhet

Varför är användbarhet

svårt?

Page 16: HT16 - DA156A - Introduktion till användbarhet

Utvecklare är inte användare

Page 17: HT16 - DA156A - Introduktion till användbarhet

Användbarhet – med

användaren i fokus

Användare Utvecklare

Kommunikation

Page 18: HT16 - DA156A - Introduktion till användbarhet

Varför är användarna

viktiga?

Det är användarna som ska använda systemet

– inte utvecklaren

Page 19: HT16 - DA156A - Introduktion till användbarhet

Användarna – vilka är de?

Demografisk information

Vad kan dem?

Vad kan de lära sig?

Vad är deras generella bakgrund?

Vad är deras domän?

Page 20: HT16 - DA156A - Introduktion till användbarhet

Att lära känna användarna

Målgruppsanalys

Personas

Kontinuerlig kommunikation

Kontinuerliga tester

Page 21: HT16 - DA156A - Introduktion till användbarhet

En misslyckad kampanj

Page 22: HT16 - DA156A - Introduktion till användbarhet

Saker går fel annars…

Page 23: HT16 - DA156A - Introduktion till användbarhet

Så… kunder…

Page 24: HT16 - DA156A - Introduktion till användbarhet

Användbarhet,

vad ska man tänka på?

Page 25: HT16 - DA156A - Introduktion till användbarhet

Vad kan vi göra?

Page 26: HT16 - DA156A - Introduktion till användbarhet

Förståelse för

hur man ska göra

Page 27: HT16 - DA156A - Introduktion till användbarhet

Begränsningar på hur man

kan göra

Page 28: HT16 - DA156A - Introduktion till användbarhet

Konceptuella modeller

Page 29: HT16 - DA156A - Introduktion till användbarhet

Mappning

Page 30: HT16 - DA156A - Introduktion till användbarhet

Återkoppling

Page 31: HT16 - DA156A - Introduktion till användbarhet

Igenkänning

Page 32: HT16 - DA156A - Introduktion till användbarhet

Möjlighet att ångra

Page 33: HT16 - DA156A - Introduktion till användbarhet

Konsekvent utseende

Page 34: HT16 - DA156A - Introduktion till användbarhet

Förenkling / minimalism

Page 35: HT16 - DA156A - Introduktion till användbarhet

Användares fokus?

http://www.youtube.com/watch?v=vJG698U2Mvo

https://www.youtube.com/watch?v=wBoMjORwA-4

http://www.youtube.com/watch?v=vBPG_OBgTWg

Page 36: HT16 - DA156A - Introduktion till användbarhet

Hur fungerar vi?

Människor ser de som de förväntar sig

Svårt att fokusera på mer än en sak

Lättare att känna igen än att komma ihåg

Page 37: HT16 - DA156A - Introduktion till användbarhet

Tänk på en hästEtt litet test

Page 38: HT16 - DA156A - Introduktion till användbarhet

Åt vilket håll har den

huvudet?

Page 39: HT16 - DA156A - Introduktion till användbarhet

Grov statistik

Huvudet åt vänster 65%

Huvudet åt höger 30%

Framifrån 3%

Annan 1%

Kan inte svara 1%

Page 40: HT16 - DA156A - Introduktion till användbarhet

Minnet

Vi har tre typer av minne

1. Sensoriskt minne

2. Korttidsminne

3. Långtidsminne

Page 41: HT16 - DA156A - Introduktion till användbarhet

Sensoriskt minne

Information från våra sinnen

Varar mindre än 1 sekund

Allt förs inte vidare i minneskedjan

Försvinner snabbt

Page 42: HT16 - DA156A - Introduktion till användbarhet

Korttidsminnet

7 +- 2 enheter

Cirka 30 sekunder

Störningskänsligt

Page 43: HT16 - DA156A - Introduktion till användbarhet

Övning

Page 44: HT16 - DA156A - Introduktion till användbarhet

Memorera raden i

10 sekunder

XPLSRKQMZJ

Page 45: HT16 - DA156A - Introduktion till användbarhet

Kommer du ihåg alla

bokstäverna?

Page 46: HT16 - DA156A - Introduktion till användbarhet

Memorera raden i

10 sekunder

SAS IBM NATO

Page 47: HT16 - DA156A - Introduktion till användbarhet

Kommer du ihåg alla

bokstäverna?

Page 48: HT16 - DA156A - Introduktion till användbarhet

Långtidsminnet

”Ingen” informationsförlust

Kräver inlärning

Svårt att återkalla ”triggers”

Associationer i minnet

Komma ihåg vs. igenkänning

Page 49: HT16 - DA156A - Introduktion till användbarhet

Färger och ikoner

Vi uppfattar färger och ikoner snabbt

Kan utnyttjas för t.ex. snabbare överblick

Var noga med att undvika missförstånd

Page 50: HT16 - DA156A - Introduktion till användbarhet

Vilken färg har ordet?

Blomma

Hammare

Häst

Bil

Affär

Skata

Bok

Page 51: HT16 - DA156A - Introduktion till användbarhet

Vilken färg har texten

Gul

Röd

Blå

Rosa

Lila

Orange

Grön

Page 52: HT16 - DA156A - Introduktion till användbarhet

Färg

Grön: harmoni, balans, kreativitet

Gul: glädje, stimulans, optimism

Blå: exklusivt, lyxigt, svalt

Röd: livslust, provocerande, varmt

Brun: ombonat, mysigt, varmt

Grå: neutralt, sobert, anonymt

Svart: rebelliskt, syndigt

Vit: renhet, fräschör

Page 53: HT16 - DA156A - Introduktion till användbarhet

Ikoner

Page 54: HT16 - DA156A - Introduktion till användbarhet

Ikoner

Kan öka begripligheten

Page 55: HT16 - DA156A - Introduktion till användbarhet

Ikoner kan spara utrymme

men kan också…..

….vara svåra att förstå

Page 56: HT16 - DA156A - Introduktion till användbarhet

Gestaltlagar

Närhetslagen

Likhetslagen

Kontinuitetslagen

Figur-bakgrundslagen

Page 57: HT16 - DA156A - Introduktion till användbarhet

Närhetslagen

Saker som ligger nära varandra uppfattar vi som att

de hör ihop.

Page 58: HT16 - DA156A - Introduktion till användbarhet

Likhetslagen

Saker som liknar varandra uppfattar vi som att de hör

ihop.

Page 59: HT16 - DA156A - Introduktion till användbarhet

Kontinuitetslagen

Vi strävar efter att fullfölja mönster för att skapa

helheter.

Page 60: HT16 - DA156A - Introduktion till användbarhet

Vi söker efter mönster

Page 61: HT16 - DA156A - Introduktion till användbarhet

Vi letar efter mönster

Äppelmos

Lingonmos

Plåttermos

Page 62: HT16 - DA156A - Introduktion till användbarhet

Vad är detta?

Page 63: HT16 - DA156A - Introduktion till användbarhet

Vad är detta?

Page 64: HT16 - DA156A - Introduktion till användbarhet

Att använda ord för att

visualisera ett mönster

Page 65: HT16 - DA156A - Introduktion till användbarhet

Imorgon

Användbarhet – Inriktning IT

Page 66: HT16 - DA156A - Introduktion till användbarhet

Frågor/Kommentarer