Granskning av gränssnitt. Mattias Arvola

Relevanta dokument
Gränssnittsprinciper och granskning

Gränssnittsprinciper och granskning. Mattias Arvola

Granskningsmetoder. Mattias Institutionen för datavetenskap Linköpings universitet

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Föreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15

Principer för interaktionsdesign

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Prototypning och heuristisk utvärdering

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -

Stöd för att skapa intuitiva användargränssnitt

Utvärdering av prototyp: Frågedatabas av Mårten Cronander. Innehållsförteckning

Principer i gränssnitt och heuristisk utvärdering

Exempel. Utvärdering. Processen. Utvärderingsanvändare. Utvärdering. Utvärderingsanvändare

Processen. Utvärdering. Utvärderingsanvändare. Utvärderingsanvändare. Utvärdering. Utvärdering

Agenda. Inledning, teoretiska metoder Hierarkisk uppgiftsanalys, HTA Cognitive walkthrough CW Heuristisk evaluering

Utvärdering. Att göra spel bättre

Utvärdering. Övergripande (1) Övergripande (2) Med/utan användare. Heuristisk utvärdering. Expertutvärdering. Måndagen den 29 september 8-10 F1

Inklusiv Design Design för Alla

Frågetekniker. Föreläsning 3, Utvärderingstekniker MDI, Lena Palmquist 1. Än en gång: JEdit (Py Kollberg) Loggning. Tolkande dataanalys

Teoretiska och empiriska ansatser

Utvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?

Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?

Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?

Användarcentrerad Systemutveckling

Chaos om IT-projekt..

Prototypningsverktyg. A Human-Centered Design Process (ISO , 2010) Mattias Institutionen för datavetenskap

Upplägg. Fö: Användbarhetsutvärdering. Heuristisk utvärdering HEURISTISK UTVÄRDERING. 10 heuristiker (Nielsen)

Anvisningar för presentation och opponering. En liten guide för presentation och opponering av kandidat- och magisteruppsatser

Föreläsning 10: Introduktion till utvärdering. Rogers et al. Kapitel 12

Chaos om datorprojekt..

Intro utvärdering

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

Utvärdering av gränssnitt särskilt befintliga. Hur utvecklar man användbara system? Användbarhet handlar om kvalitet

Heuristisk utvärdering

Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?

Vad påverkar designen?

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik

Prototyper och användartest

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED

Föreläsning 4, Användbarhet, prototyper

Kommentarer till MDI tentamen

Utvärdering. Användbarhetstest: Vad ska ni göra? Användbarhetstestning kontra heuristisk utvärdering. Användbarhetstestning

Boken. Kap Kap 11.3

Föreläsning 8, Design

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

Förhörs och Intervjumetodik. Chris Hellstrand, Krkom PHS

Användbarhetstestning. Johan Blomkvist

Tjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet

mobila applikationer!

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.

Heuristisk utvärdering. Usability Problem Taxonomy

Slutrapport Uppdrag 1 Introduktion till UX-produktion. Johanna Lundberg Finnsson HT2016

Design av användargränssnitt

Metodisk programutveckling

Design och konstruktion av grafiska gränssnitt

Sveriges innovationsmyndighet

Konverteringsskola Del 3: Vad är användbarhet?

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

F2 Konceptutveckling. Konceptutvecklingsprocessen och några stödjande metoder

SISU. Metoder för att hitta användbarhetsproblem hos datorsystem. Per Fossum . PUBLIKATION 96:20. -lslsul- RAPPORT - OKTOBER 1996

Wireframeskisser, pappersprototyper och heuristisk utvärdering

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet

Gränsnittsprinciper. Mattias Institutionen för datavetenskap Linköpings universitet

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

Agila Metoder. Nils Ehrenberg

En kritisk genomgång av formativ bedömning

Design och konstruktion av grafiska gränssnitt

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet

Användarcentrerad systemdesign

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist

Vetenskaplig grund beprövad erfarenhet och evidens i praktiken

Introduktion till MDI

Projektarbete 2010 måndag den 29 november 2010

Varför? Persiska viken 3 juli TDDD35 Användbara system 729G22 Interaktionsdesign TDDC45 Interaktionsdesign. Resultat

Let's Walk, (interaktionsdesign) från början till slut

Teman för föreläsningen. Gestaltlagarna Layout Typografi

Avdelningen för Människadatorinteraktion

Meddix ÖV SIP. Ta fram den enskilde som planering ska göras på genom att välja Person därefter Översikt personer:

Nyfiken i en strut. Nyfiken i en strut. Nyfiken i en strut. Nyfiken i en strut. Namn:

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Underlag för bedömning av verksamhetsförlagd utbildning III (VFU III)

Interaktionsdesign, designheuristik

Bedömning för lärande

Kursplan Gränssnittsdesign, 100p Läsår


DeDU - Marknadens mest användarvänliga programvara?

Test och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini

Motionera med mera. Sammanfattning. Klass: Te2c, Polhemskolan i Lund Av: Viktor Joelsson Kristoffer Korén Harry Larsson

Välkommen till Skolverkets konferens om. Vetenskaplig grund beprövad erfarenhet och evidens i praktiken

Allvarlighetsgrad Sannolikhet Summa. kvinna man kvinna man kvinna man

Workshop: Bedömning i verksamhetsförlagd utbildning på avancerad nivå med hjälp av AssCE. Gunilla Mårtensson och Anna Löfmark

Meddix ÖV - SIP Skapa SIP

Användbarhet. Datorbaserade verktyg används till att. Aspekter på användbarhet. uppfylla behov eller lösa problem! Användbarhet.

Användbara system. Persiska viken 3 juli USA befinner sig i konflikt med Irak och Iran. Mitt under striden, forts: Mitt under striden:

Bild 1: Översikt över faserna i projektarbetet

Design och konstruktion av grafiska gränssnitt

Föreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design

Transkript:

Granskning av gränssnitt Mattias Arvola

2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera

3 Mål med utvärderingen Revidera, förbättra, nyskapa -> Formativ fokus på att hitta problem för att åtgärda. Görs återkommande under hela utvecklingen Beskriva, bedöma, betygsätta -> Summativ fokus på att undersöka till vilken nivå krav uppfylls (bättre än tidigare version, externa krav osv). Görs avslutningsvis för att bevisa att systemet uppfyller leveranskrav (eller inledningsvis för att etablera baseline för jämförelse)

4 Typer av utvärdering Granskning expert granskar prototyp (eller system eller ) för att se om det följer principer för god design och riktlinjer för hur gränssnitt bör se ut och fungera. (uppgift 2 i gränssnittsdesign) Användartest sätt en användare framför prototypen eller systemet (uppgift 3 i gränssnittsdesign)

5 Vad passar när? Formativ Formativ Formativ (Summativ) Formativ Summativ Skisser Storyboards Scenarios Prototyp Fungerande system Inspektions metoder Inspektions metoder Inspektions metoder Inspektions metoder Användartest Användartest

6 Granskningsmetoder Heuristisk utvärdering Kognitiv genomgång Pluralistisk genomgång (Logg-analys och prediktiva modeller)

7 Heuristic Evaluation Inspektionsmetod Baseras på heuristiker (tumregler, principer för god design) Expert granskar systemet, en prototyp eller skisser, storyboards osv Metoden kan användas tidigt i utvecklingsprocessen

8 Metod Välj heuristik/lista av principer att använda (väl utprovad och bekant för experterna) 2-5 användbarhetsexperter får en representation av systemet (skisser, prototyp, färdigt system) Experterna utforskar systemet för att bekanta sig med det Experterna granskar systematiskt mot principer och noterar avvikelser och problem (kopplade till respektive princip) Sammanställ listorna och analysera, prioritera

9 Resultat: upptäckta problem Situationer eller lägen där systemet inte följer principerna ex: laddning av bild 3 kan ta tid, visa pågående aktivitet ex: bild 4 har rubriken Skriva medan menyvalet som leder dit heter Utskrift Bäst resultat om experterna är kunniga både om principerna och domänen OBS: alla problem uppfattas inte som problem av användare OBS: Experterna hittar inte alla problem

Resultatet varierar 10

Hur många utvärderare http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ 11

12 Sammanställning av resultat Sammanställ alla problem som hittats Allvarlighetsgrad 0-4: Inte ett problem över huvud taget - Bara kosmetiskt problem - Mindre problem - Större problem - Användbarhetskatastrof

13 Bedömningar av allvarlighetsgrad Frekvens Hög: Tre eller fler av deltagarna upplever problemet Mellan: Två av deltagarna upplever problemet Låg: En av deltagarna upplever problem Inverkan Hög: Hindrar användaren från att klara uppgiften (kritiskt fel) Mellan: Orsakar användaren besvär, men uppgiften kan slutföras (icke-kritiskt fel) Låg: Mindre problem som inte hindrar användaren från att klara uppgiften

14 Bedömningar av allvarlighetsgrad Hög 2 3 4 Mellan 1 2 3 Låg 0 1 2 Inverkan Frekvens Låg Mellan Hög

15 Heuristisk utvärdering i andra områden Idén att granska något utifrån principer går att applicera på andra områden där det finns principer. T.ex. interaktiva system som ska övertyga användaren om att ändra vanor (sluta röka, börja motionera...) plus principer för vad som uppfattas som övertygande ger bedömning av potentiell övertygande förmåga

Nielsens 10 heuristiker

10 tumregler för användbarhet (Nielsen, 1993; övers. Ottersten & Berntsson, 2002) 17 1.Enkel och naturlig dialog 2.Använd ett naturligt språk 3.Minimera användarens minnesbelastning 4.Enhetlighet 5.Förse användaren med återkoppling 6.Förse användaren med klart markerade funktioner för att avbryta dialogen 7.Effektiv användning 8.Bra felmeddelanden 9.Förhindra fel 10.Hjälp och dokumentation

18 1. Enkel och naturlig dialog Ingen irrelevant eller sällan använd info Relevant info ska vara synlig Info ska komma i naturlig och logisk ordning

19 2. Använd ett naturligt språk Använd ord som är bekanta för användaren

3. Minimera användarens minnesbelastning Gör valbara objekt och funktioner synliga Användaren ska inte behöva komma ihåg saker från en del av produkten till en annan Instruktioner ska vara synliga eller lätta att få fram 20

21 4. Enhetlighet Användare ska inte behöva fundera på om olika ord, situationer eller handlingar i systemet betyder samma sak Följ plattformsriktlinjer

22 5. Förse användaren med återkoppling Systemet ska informera om vad som sker i det

6. Förse användaren med klart markerade funktioner för att avbryta dialogen Det är lätt att välja fel av misstag En tydligt markerad nödutgång behövs för att hitta tillbaka Gör det möjligt att ångra och reparera 23

24 7. Effektiv användning Kortkommandon snabbar upp för experten Stöd både erfarna och oerfarna användare

25 8. Bra felmeddelanden Använd ett enkelt språk Visa vad som är fel Föreslå en lösning

26 9. Förhindra fel Bättre än ett bra felmeddelande är att utforma produkten så att problemet inte uppstår

27 10. Hjälp och dokumentation Hjälp och dokumentation ska vara lätt att söka i Fokuserad på användarens uppgift Lista konkreta arbetssteg Inte vara för omfattande

28 Andra granskningsmetoder Kognitiv genomgång utifrån Normans handlingscykel för walk-up-and-use-system http://hcibib.org/tcuid/chap-4.html#4-1 GOMS - KLM för effektivitetsanalys Goals, Operators, Methods, Selection rules - Keystroke Level Model https://en.wikipedia.org/wiki/goms

mattias.arvola@liu @mattiasarvola www.liu.se