ht16 - da156a - introduktion till användbarhet
TRANSCRIPT
![Page 1: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/1.jpg)
AnvändbarhetAnton Tibblin
![Page 2: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/2.jpg)
Moment: Användbarhet
Två föreläsningar
1/2 inlämningsuppgift
![Page 3: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/3.jpg)
Föreläsningar
1. Användbarhet – Generellt
2. Användbarhet – Inriktning IT
![Page 4: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/4.jpg)
![Page 5: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/5.jpg)
Vad är användbarhet?
![Page 6: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/6.jpg)
”Något som är enkelt att
använda”
![Page 7: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/7.jpg)
Vad är användbarhet?
![Page 8: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/11.jpg)
![Page 12: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/12.jpg)
Användbarhet?
![Page 13: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/14.jpg)
Är användbarhet svårt?
![Page 15: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/15.jpg)
Varför är användbarhet
svårt?
![Page 16: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/16.jpg)
Utvecklare är inte användare
![Page 17: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/17.jpg)
Användbarhet – med
användaren i fokus
Användare Utvecklare
Kommunikation
![Page 18: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/20.jpg)
Att lära känna användarna
Målgruppsanalys
Personas
Kontinuerlig kommunikation
Kontinuerliga tester
![Page 21: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/21.jpg)
En misslyckad kampanj
![Page 22: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/22.jpg)
Saker går fel annars…
![Page 23: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/23.jpg)
Så… kunder…
![Page 24: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/24.jpg)
Användbarhet,
vad ska man tänka på?
![Page 25: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/25.jpg)
Vad kan vi göra?
![Page 26: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/26.jpg)
Förståelse för
hur man ska göra
![Page 27: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/27.jpg)
Begränsningar på hur man
kan göra
![Page 28: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/28.jpg)
Konceptuella modeller
![Page 29: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/29.jpg)
Mappning
![Page 30: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/30.jpg)
Återkoppling
![Page 31: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/31.jpg)
Igenkänning
![Page 32: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/32.jpg)
Möjlighet att ångra
![Page 33: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/33.jpg)
Konsekvent utseende
![Page 34: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/34.jpg)
Förenkling / minimalism
![Page 35: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/35.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/36.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/37.jpg)
Tänk på en hästEtt litet test
![Page 38: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/38.jpg)
Åt vilket håll har den
huvudet?
![Page 39: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/40.jpg)
Minnet
Vi har tre typer av minne
1. Sensoriskt minne
2. Korttidsminne
3. Långtidsminne
![Page 41: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/41.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/42.jpg)
Korttidsminnet
7 +- 2 enheter
Cirka 30 sekunder
Störningskänsligt
![Page 43: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/43.jpg)
Övning
![Page 44: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/44.jpg)
Memorera raden i
10 sekunder
XPLSRKQMZJ
![Page 45: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/45.jpg)
Kommer du ihåg alla
bokstäverna?
![Page 46: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/46.jpg)
Memorera raden i
10 sekunder
SAS IBM NATO
![Page 47: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/47.jpg)
Kommer du ihåg alla
bokstäverna?
![Page 48: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/48.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/49.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/50.jpg)
Vilken färg har ordet?
Blomma
Hammare
Häst
Bil
Affär
Skata
Bok
![Page 51: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/51.jpg)
Vilken färg har texten
Gul
Röd
Blå
Rosa
Lila
Orange
Grön
![Page 52: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/52.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/53.jpg)
Ikoner
![Page 54: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/54.jpg)
Ikoner
Kan öka begripligheten
![Page 55: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/55.jpg)
Ikoner kan spara utrymme
men kan också…..
….vara svåra att förstå
![Page 56: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/56.jpg)
Gestaltlagar
Närhetslagen
Likhetslagen
Kontinuitetslagen
Figur-bakgrundslagen
![Page 57: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/57.jpg)
Närhetslagen
Saker som ligger nära varandra uppfattar vi som att
de hör ihop.
![Page 58: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/58.jpg)
Likhetslagen
Saker som liknar varandra uppfattar vi som att de hör
ihop.
![Page 59: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/59.jpg)
Kontinuitetslagen
Vi strävar efter att fullfölja mönster för att skapa
helheter.
![Page 60: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/60.jpg)
Vi söker efter mönster
![Page 61: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/61.jpg)
Vi letar efter mönster
Äppelmos
Lingonmos
Plåttermos
![Page 62: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/62.jpg)
Vad är detta?
![Page 63: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/63.jpg)
Vad är detta?
![Page 64: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/64.jpg)
Att använda ord för att
visualisera ett mönster
![Page 65: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/65.jpg)
Imorgon
Användbarhet – Inriktning IT
![Page 66: HT16 - DA156A - Introduktion till användbarhet](https://reader034.vdocuments.net/reader034/viewer/2022042619/5872916c1a28ab36118b6453/html5/thumbnails/66.jpg)
Frågor/Kommentarer