SlideShare uma empresa Scribd logo
1 de 64
Baixar para ler offline
Användbarhet
Användbarhet
Frågor innan vi drar igång?
Inlämningsuppgift 2
http://www.da156a.ia-mau.se/assignments.php?nr=2
Moment: Användbarhet
 Två föreläsningar
 Del av inlämningsuppgift
Föreläsningar
1. Användbarhet – Generellt
2. Användbarhet – Inriktning IT
Användbarhet
Anton Tibblin
Vad är användbarhet?
”Något som är enkelt att
använda”
Vad är 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)
Definition av användbarhet
(2)
Använd-
barhet
Lätt att
lära Effektiv
Ändamåls
-enlig
Fel-
tolerans
Engage-
rande
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
• Produktivitet
o Gör sällan fel
o Klarar många arbetsuppgifter
o Snabb
• Nöjda användare
o Kanske rent av kul
o Bra till mods
o Ej ohälsosamt
o Orsakar inte stress
o Orsakar inte arbetsskador
• Säkerhet
o Användarna kan inte ”förstöra”
av misstag
o Man kan ångra sig
Användbarhet?
Att förstå användaren
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
Är användbarhet svårt?
Varför är användbarhet
svårt?
Utvecklare är inte användare
Användbarhet – med
användaren i fokus
Användare Utvecklare
Kommunikation
Varför är användarna
viktiga?
 Det är användarna som ska använda systemet
– inte utvecklaren
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?
Att lära känna användarna
 Målgruppsanalys
 Personas
 Kontinuerlig kommunikation
 Kontinuerliga tester
En misslyckad kampanj
Saker går fel annars…
Kunder…
Användbarhet,
vad ska man tänka på?
Vad kan vi göra?
Förståelse för
hur man ska göra
Begränsningar på hur man
kan göra
Konceptuella modeller
Mappning
Återkoppling
Igenkänning
Möjlighet att ångra
Konsekvent utseende
Förenkling / minimalism
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
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
Tänk på en häst
Ett litet test
Åt vilket håll har den
huvudet?
Grov statistik
 Huvudet åt vänster 65%
 Huvudet åt höger 30%
 Framifrån 3%
 Annan 1%
 Kan inte svara 1%
Minnet
 Vi har tre typer av minne
1. Sensoriskt minne
2. Korttidsminne
3. Långtidsminne
Sensoriskt minne
 Information från våra sinnen
 Varar mindre än 1 sekund
 Allt förs inte vidare i minneskedjan
 Försvinner snabbt
Korttidsminnet
 7 +- 2 enheter
 Cirka 30 sekunder
 Störningskänsligt
Övning
Memorera raden i
10 sekunder
XPLSRKQMZJ
Kommer du ihåg alla
bokstäverna?
Memorera raden i
10 sekunder
 SAS IBM NATO
Kommer du ihåg alla
bokstäverna?
Långtidsminnet
 ”Ingen” informationsförlust
 Kräver inlärning
 Svårt att återkalla ”triggers”
 Associationer i minnet
 Komma ihåg vs. igenkänning
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
Vilken färg har ordet?
Blomma
Hammare
Häst
Bil
Affär
Skata
Bok
Vilken färg har texten
Gul
Röd
Blå
Rosa
Lila
Orange
Grön
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
Bör undvikas
GRÖNT PÅ ORANGE RÖTT PÅ GRÖNT
GULT PÅ ORANGE RÖTT PÅ ORANGE
ORANGE PÅ BLÅTT VITT PÅ GULT
RÖTT PÅ BLÅTT
Ikoner
Ikoner
Kan öka begripligheten
Ikoner kan spara utrymme
men kan också…..
….vara svåra att förstå

Mais conteúdo relacionado

Mais de Anton Tibblin

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdfAnton Tibblin
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerAnton Tibblin
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingAnton Tibblin
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelAnton Tibblin
 
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerVT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerAnton Tibblin
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonAnton Tibblin
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringAnton Tibblin
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonAnton Tibblin
 
HT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionHT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionAnton Tibblin
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekAnton Tibblin
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptAnton Tibblin
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingAnton Tibblin
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)Anton Tibblin
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)Anton Tibblin
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSSAnton Tibblin
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulärAnton Tibblin
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTMLAnton Tibblin
 
LocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaLocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaAnton Tibblin
 

Mais de Anton Tibblin (20)

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutveckling
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object model
 
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerVT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med Python
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhantering
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikon
 
HT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionHT23 - DA354A - Kursintroduktion
HT23 - DA354A - Kursintroduktion
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & Bibliotek
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScript
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutveckling
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSS
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulär
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTML
 
Kursintroduktion
KursintroduktionKursintroduktion
Kursintroduktion
 
LocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaLocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - Media
 
jQuery & Ajax
jQuery & AjaxjQuery & Ajax
jQuery & Ajax
 

HT19 - DA156A - Användbarhet (1)