4. Usability i designprocessen

Præsentationer af emnet: "4. Usability i designprocessen"— Præsentationens transcript:

1 4. Usability i designprocessen
17. september IT-Universitetet, efterår 2009

2 Opsamling Fra sidste forelæsning:
Generelle regler for design mod bedre usability Mønstre, vaner, de-facto standarder, retningslinjer, osv. Usability mål og kriterier Fra produktets værdi til det konkrete spørgsmål Metrikker og målbare krav Hvordan gik det med at lave mål og kriterier? Er det brugbart og relevant? Hvad er erfaringen fra jeres hverdag?

3 Gangstertest? Venstre: 14 Dkblind: 17 Tivoli: 13 Jyskebank: 6 DMI: 11
Visitcopenhagen: 17

4 Jeres besvarelse / udgangspunkt
Hellere for smalt, end for bredt Hellere en vigtig feature/funktion, end 10 Gå efter interaktion, hold igen med budskab (især TV)

5 Aftenens program Usability i designprocessen – udviklingsmetoder
Undersøgelsesdesign Analyse: Fra empiri til model af brugssituationen Design: Fra frihånd til prototype

6 Vandfaldsmodellen Hvilke udfordringer har denne model og hvilke løsninger kan vi foreslå? Krav- specifikation System og softwaredesign Implementering og test af enheder Hvad er udfordringen med denne model og hvad er løsningen? Integration og test af system Operation og vedligehold

7 Nogle udfordringer for projekter
Viden er mindst i projektstart, beslutninger vejer mest Mange beslutninger er løsningsafhængige Designudfordringen – hvordan med brugen? ’Bestiller/udfører’ problematik (kravstiller/producent) Standard-rammesystemer Andre?

8 Stjernemodellen Implementering Opgaveanalyse Prototype Evaluering
Kravspecifikation Konceptuel design

9 Den iterative spiral (Kuniavsky)

10 Jeres erfaringer med usability-arbejde
Hvordan er jeres projekter defineret? Hvilke faser gennemgår projektet officielt? Hvad er slut-resultatet (hvornår er I færdige)?

11 Undersøgelsesdesign Målsætning og scope Ressourcer Faser og proces
Tidsplan, budget, kompetencer Faser og proces Metodevalg Rekruttering Udførelse Dokumentation (fastholdelse) Forankring (videreførelse)

12 Etablere rammen – oplæg til ledelsen
Vi har målene Hvilke ressourcer har vi brug for? Hvordan lægger vi et budget? Summe 2 og 2…

13 Undersøgelsesdesign Målsætning og scope Ressourcer Faser og proces
Tidsplan, budget, kompetencer Faser og proces Metodevalg Rekruttering Udførelse Dokumentation Forankring? Projektets ramme Styret af mål Styret af metode og ressourcer

14 Hvilke ”udgifter” har vi?
Forberedelse / planlægning Rekruttering Gaver, repræsentation Udførelse og alt det praktiske Analyse Dokumentation Kommunikation Gange timer, gange deltagere, gange tests…

15 Analyse – Design - Evaluering
Den uendelige spiral

16 Analysemetoder Interview – workshops - fokusgrupper
Observationer – fx Contextual inquiery Profilering af brugere – fx personas og scenarier Task analysis – use cases Spørgeskema Oftest uden produkt, men kan være med produkt. Alle primært empiriske.

17 Brugssituationen: Bruger, mål og kontekst
Eksempel Contextual Inquiery Mester/lærling forhold – ikke direkte interview Fokus på observationer og selve arbejdet Kortlægge: Værktøjer, hjælpemidler Sekvenser, trin, forløb, arbejdsgange Metoder, work-arounds Mentale modeller Terminologi Mål Værdier og til dels holdninger

18

19 Dokumenter - resultat Analysere (Se sammenhænge, strukturer og prioriteter) Modellere (Beskrive) Sammenhængsdiagram (affinity) Kommunikationsdiagram Sekvensdiagram (arbejdsgange) Artefakter Omgivelser Dokumentere, overlevere

20 Usability i designfasen
De første streger…

21 Hvordan kommer man igang?
Tegninger – ’Sketches’ (Bill Buxton) Wireframes - dialogflow Flowcharts - storyboard Prototyper Er man til top-down eller Bottom-up? Er det domænet (UCD) eller teknikken der driver processen? Hvor går grænsen mellem de to?

22 Forholdet sketches/prototyper
Kilde: Bill Buxton, Sketching the User Experience

23 Sketches: Det er en kultur...

24 Sketches:

25 Stregtegning

26 SKETCH PROTOTYPE Inviterer Antyder Beskriver Undersøger Raffinerer Spørger Svarer Foreslår Tester Provokerer Resulterer Prøvende, uden forpligtelse Specifik afbildning

27 Fordele i stregtegningens formsprog
Vi er gode til at abstrahere Tvinger fokus på indhold fremfor design og teknik Fremelsker kreativitet – i formsproget Motiverer kommunikation i teamet (eller projektgruppe) Kræver ingen tekniske færdigheder og adskiller fra teknologi – alle kan være med, både til at designe og til at evaluere

28 Storyboard

29 Wireframes – En sketch/prototype

30 Wireframe website

31 Wireframe – ”oversat” til HTML

32 Papirprototyper Computere (0.001hz) Observatører Deltagere Tegninger
Elementer

33 Eksempel på papirprototype

34 Fordele proces for disse metoder
Billigt at lave fejl Hurtigt – måske kun dage eller endda timer Behøver ikke at blive til noget Jo mere energi der lægges i en prototype, des mindre lyst til at ændre den (Lauesens 3. usability lov) Giver god feedback, inden investering Understøtter hurtigt iterativ udviklingsmetode Danner bro mellem analyse og design

35 Ulemper Tænk på jeres eget arbejde – hvor ”kreative” kan I være?

36 De behøver ikke kun være af papir…
Prototyper De behøver ikke kun være af papir…

37

38 4 dimensioner af en prototype
Bredde - horisontal Bredde – hvor meget af produktet Dybde – hvor detaljeret A) Udseende/finish – Hvor pænt skal det være? B) Interaktion Hvor meget skal det kunne? Low-fidelity / High-fidelity Dybde - vertikal

39 Hvor fin/færdig skal prototypen være?
Det kommer an på tidspunktet i udviklingsprocessen Hvad skal prototypen afprøve: Generelt layout Features Konkret funktionalitet Flow eller proces – forløb/wizard/trin/rækkefølge Laves ofte i powerpoint, flash, html eller lignende

40 Funktionel prototype (Axure – se evt. demo)

41 Andre parametre der indgår udover analyse
Principper, standarder, guidelines Gestalter og mønstre Teknologiens fordring for projektet Projektets ressourcer: Tid, penge kvalitet Ikke mindst: Kompetencer

42 Pensum og eksamen: TEORETISKE SPØRGSMÅL

43 Teoretisk spørgsmål: Giv eksempler på andre usability-kriterier.
Beskriv, hvordan usability-kriterier indgår i arbejdet med at sikre et højt niveau af usability i digitale produkter. Den kontekst, hvori et it-produkt bruges, kan beskrives som ”brugssituationen”. Beskriv, hvilke elementer brugssituationen indeholder, og hvilken sammenhæng der er mellem disse og usability-kriterier.

44 Teoretisk spørgsmål I kompendiet til kurset Usability, indgår kapitlet ”User Needs and Behaviours” fra bogen ”Information Architecture for the World Wide Web” af Rosenfeld/Morville. Her beskrives 4 forskellige måder som brugere søger efter information. Beskriv hvordan du mener de 4 søgemåder er understøttet på - du kan bruge dine erfaringer fra evalueringen til at underbygge dine beskrivelser. Beskriv hvordan Dansk Ballonunion kan forbedre ”findability” og hjemmesiden generelt for bedre at understøtte hver af de fire søgetilgange.

45 Aftenens opgave I pensum til usabilitykurset er en model over menneskelig handling, ”The Seven Stages of Action”, beskrevet af Donald Norman. Ud fra denne model og den teori, den repræsenterer, ønskes der svar på følgende: Hvad kan The Seven Stages of Action bruges til i arbejdet med at sikre bedre usability? Hvordan kan de enkelte trin i modellen relateres til design og evaluering af brugbare produkter? Hvordan kan forståelsen bag Seven Stages of Action indgå i design af brugervenlighedstest (tænke-højt-test)?

46

47 Aflevering Max 2 sider i word format
Skriv gruppenavn og øvelsesnummer (2) i filnavn Send til senest mandag kl. 8.00 Diskutér spørgsmålene, tag stikord, formuler svar… Kig også lige engang på teksten igen (Norman)