Bra och dlig design Vad utmrker en lsning

Bra och dålig design Vad utmärker en lösning med hög användbarhet? Frukostseminarium 19 april

Om in. Use • Skandinaviens största specialistbolag inom användbarhet • 22 25 medarbetare • Unika på Effektstyrning®

På gång just nu Interaktionsdesign för nya medlemstjänster Effektstyrning för Nationell IT-strategi för vården Intranät

Mer på gång i Stockholm. se: Målgruppsanalyser och personor Expertgranskningar: Utbildningsplattform för gymnasieskolan

Bra och dålig design Frukostseminarium 19 april Jonas Söderström

Vad karaktäriserar en bra webbplats eller IT-lösning? • Att den blir använd! • Nyttan uppstår i användningen

Vad utmärker en lösning med hög användbarhet?

Användbarhet är ett kvalitetsmått på ett slutresultat ”Den grad i vilken specifika användare kan använda en produkt för att uppnå ett specifikt mål på ett ändamålsenligt, effektivt och för användaren tillfredsställande sätt i ett givet sammanhang. ” ISO 9241 -11

Användbarhet beror av fem kvalitéer (Jakob Nielsen) Lättlärd Nöjda användare Minska antalet fel Effektiv Lätt att minnas

Men räcker det att ett system är användbart? Två skilda saker: • Usable –> kan jag använda den? • Useful –> skulle jag använda den?

”Usable” • Hittar jag var material finns? • Förstår jag hur knappar funkar? • Är navigeringen konsistent? • Är felmeddelanden begripliga? • Ger programmet feedback på vad jag gör?

”Useful” • Har jag faktiskt tillräcklig nytta av det, i mitt arbete / liv / verksamhet …? • Finns det andra, invanda sätt att göra samma sak? • Spelar det någon roll om jag använder det? • Användarens mål, motivation, alternativ…

En sammanvägning usability + usefulness user experience användningkvalitet could I use it? would I use it?

Hur designar man för användningskvalité? Tre sorters design

grafisk design att se och gilla

Grått som novemberhimlen

Det är smart att vara glad!

Skönhet är viktigt • Människor blir på bra humör av vackra saker • När de är på bra humör har de lättare att lösa problem … • … särskilt när lösningen kräver kreativitet. • Skönhet = användbarhet (Donald Norman 2004)

grafisk design att se och gilla informationsdesign att hitta och förstå

Informationsdesign Handlar om att göra det enkelt att… – förstå och tolka – hitta tillbaka – kunna spara information – kunna dela information

IT-system brister i informationsdesign • Sådant som används ”naturligt” i t. ex. tidningar – Rubriker som ger förståelse – Framhäva viktigaste delarna – Struktur som skiljer delar från varandra – Sammanhang för informationen – Tydlig läsföljd och -riktning (för användaren) … (forts)

… saknas ofta eller är vilseledande i digitala system Svårt med överblick och arbetsordning

Två knappar på min förra telefon • Gå i fängelse! • Dra åt skogen!

Hur många helgdagar? • I en vanlig kalender är vardagar svarta och helgdagar röda. • Men i mitt tidrapporteringssystem … • Utnyttjar inte förförståelse

En adress … • … skrivs normalt med postnr och postadress på samma rad • Postnummerfält förväntas vara kort • Utnyttjar inte förförståelse! • Rätt lösning sparar också utrymme.

För mycket etiketter: Ett klockrent exempel

interaktionsdesign grafisk design att se och gilla att göra och handla informationsdesign att hitta och förstå

Vem släckte ljuset?

Bruksanvisning, och bruksanvisning för bruksanvisningen

Fel arbetsflöde: adresskatalog • Vi är så vana vid att arbeta från vänster neråt till höger

Alla gjorde fel! • Vad hände? • Alla användare klickade ”Avsluta”!

För mycket data: Läs upp allt ur databasen • Kolumner som jämförs ligger långt ifrån varandra • Kan inte ses samtidigt • Användaren måste hålla data i huvudet

Gränssnitt interaktionsdesign grafisk design att se och gilla att göra och handla informationsdesign att hitta och förstå

Formulär, knappar, varukorg, radio-knappar Färg, form, typografi, känsla, snabbhet Skärmtitlar, rubriker, etiketter disposition, länkar, sökning

E-handel, webbapplikationer interaktionsdesign grafisk design Reklamwebbar informationsdesign Myndigheter, organisationer

3 x design i samverkan

3 x design i samverkan

Kan inte utföra – ger upp Låt mig göra vad jag ska Börjar använda Hur verkar det? Var finns det jag behöver? Kan inte hitta – ger upp Fult, svårläst – ger upp

Kan inte göra det jag ska Börjar använda Fult, svårläst Kan inte hitta det jag söker

Lätt att ändra? • Grafisk design kan i många system ändras snabbt: mallar, style sheets • Informationsdesign – kan ändras men tar tid och måste ofta göras manuellt • Interaktionsdesign – stora kostnader, om det över huvud taget kan ändras

Vad läggs tid, pengar och ansträngningar på? • Mycket jobb läggs på grafisk design • Informationsdesign – policy? • Interaktionsdesign – vet någon vad det är? – Blir ofta till ad hoc utan riktlinjer eller styrning – Görs av tekniker, inte designers

Vad kan kosta dig mest? • Dålig interaktionsdesign har störst potential att skada ett varumärke och relationen medarbetare eller kunder. • Ändå läggs det ner osannolikt lite pengar på interaktionsdesign… • … men stora summor på grafisk design.

Hur kan man avgöra vad som är en bra webbplats / ITlösning, och vad som inte är det? Det kan du inte! Du måste användarna!

Varför måste vi observera i användning? • Bailey bad 81 designers att i förväg värdera fyra system för användare som de själva Interface A B C D Rating 4 3 1 2 Performance 1 2 3 4 95% valde ett system annat än det de presterade bäst på.

Användarna värderade sju system innan användning

Svårt att förutse! • Designers kan inte förutse användarnas prestation utifrån egen analys, eller genom att fråga sina kollegor! Bailey 1993 Dillon & Black 2000

Skönhet är viktigt för att få användning… • Människor reagerar positivt på snyggt utseende – även om funktionen är sämre! • Det positiva intrycket består, även när de använt ett dåligt/sämre gränssnitt en tid. (Andrew Dillon 2000) • ”First impression lasts!”

Antal fel Snyggt Användbart Dagar

Så ”användbarhet” spelar ingen roll?

Användbarhet är viktigt för prestation - och därigenom effekten! Antal fel Användbart Snyggt Dagar

Alltså: • Nytta uppstår i användningen • Användbarhet + relevans = användningskvalitet • Grafisk design – viktig för det spontana intrycket, acceptansen • Informationsdesign – vanligaste felen • Interaktionsdesign – värsta konsekvenserna • Måste testa design i verklig användning!

Tack! jonas. soderstrom@inuse. se Frågor?

Nästa seminarium • Konferens i juni • Fler frukostseminarier i höst

• Skandinaviens största användbarhetsevent 2007 • 350 deltagare, framstående talare från USA och Europa • Seminarier och workshops – Strategic Experience Design: Beyond Customer Satisfaction – Playful Interaction Designs – Designing for the segment of one – Creating and using effect maps www. businesstobuttons. com

Tack så mycket! www. inuse. se www. inuseful. se www. businesstobuttons. com

2: Det är svårt att göra eskimåsvängar • … också i digitala system • När något går fel, är det svårt att komma rätt • Måste hålla användaren ”på rätt köl” från början!

Några viktiga saker om användare

För att veta något om användarnas prestation måste vi testa användarnas prestation!