HCI i Informasjonssystemer Systemutvikling og brukergrensesnittdesign hva er sammenhengen i fokus og prosess? Brukskvalitet, iterativ design og brukerdeltagelse hvordan jobbe frem et brukbart ui-design hvordan utnytte brukerne i utviklingsprosessen Oppgaveanalyse og design hvordan forankre ui-design i brukerens behov
HCI i Grafikk, bildebehandling og Brukbarhetstesting grunnlag og gjennomføring Persepsjon, kognisjon og interaksjon brukergrensesnittets stofflige egenskaper Metaforer og interaksjonsstiler klassifisering og karakterisering av brukergrensesnitt Prototyping og verktøy MMI teknikker og datastøtte for bruk-og-kast-prototyping
Øving i brukergrensesnittdesign Tar utgangspunkt i MEIS-applikasjon grensesnitt for innlevering av øvingene (modeller og evaluering av modeller) 1. Analysere oppgavene for aktør(er) beskrive (dere og) de oppgavene dere ønsker å utføre 2. Evaluere MEIS ift. identifiserte oppgaver 3. (re)designe brukergrensesnitt iht. oppgaven designe brukergrensesnitt for identifiserte oppgaver
MMI-forelesninger Overordnet bilde av mennesker (aktører), oppgaver, informasjon og systemer (verktøy) Brukskvalitet Iterativ design og Usability Engineering Evaluering Oppgaveanalyse og modellering Scenariobygging Designteknikker
Tentativ tidsplan Uke 14 Torsdag: Introduksjon Brukskvalitet Iterativ design Fredag: Øvingsbeskrivelse Usability Engineering Uke 15 Tirsdag: (Veiledning av RE-øving) Evaluering Oppgaveanalyse Torsdag: Scenariobygging Designteknikker Fredag: Oppsummering
People use information and tools to perform actions Information People Actions Tools
The world is complex People Information Actions Tools
Differentiation and fragmentation Sociology, Psychology People Information Semantic data modelling Functional analysis BPR Actions Tools Workflow CSCW Systems engineering Task-based UI design
Boundaries are difficult and interesting People Information concepts, vocabulary Actions coordination, cooperation usability Tools constructiv composition integration, tailoring requirements vs. design
Systemutvikling og UI-design Organisasjon, prosess/arbeidsflyt, system IS som maskin(eri) (IS = org + CIS) fokus på overordnede mål, felles verdier og effektivt system Bruker, oppgaver, brukergrensesnitt IS som medium/verktøy for aktører fokus på individuelle mål og verdier og effektiv bruk Brukersentrert design deltagelse fra brukere på alle nivåer
MMI-forelesninger Overordnet bilde av mennesker (aktører), oppgaver, informasjon og systemer (verktøy) Brukskvalitet Iterativ design og Usability Engineering Evaluering Oppgaveanalyse og modellering Scenariobygging Designteknikker
Definisjon av usability: ISO 9241 Usability The effectiveness, efficiency, and satisfaction with which specified users achieve specified goals in particular environments. Anvendbarhet, effektivitet, og tilfredstillelse for: bestemte brukere med bestemte mål i bestemte omgivelser.
Anvendbarhet/funksjonalitet Effectiveness The accuracy and completeness with which specified users can achieve specified goals in particular environments. Nøyaktighet og kompletthet (detalj/helhet) for: bestemte brukere med bestemte mål i bestemte omgivelser.
Efficiency Effektivitet The resources expended in relation to the accuracy and completeness of goals achieved. Ressursbruk (tid, mental og fysisk innsats, etc) for å oppnå bestemte mål.
Satisfaction Tilfredstillelse The comfort and acceptability of the work system to its users and other people affected by its use. Behag og akseptans for: systemets brukere andre interessenter (stakeholders)
Brukskvalitet (usability) Brukskvalitet = Den opplevde kvaliteten av et produkt i bruk. Hva kjennetegner høykvalitet programvare? Funksjonell: Setter brukeren i stand til å utføre sin oppgave Lite behov for hjelp, få sammenbrudd Lett å lære, lett å finne informasjon Kan vokse med brukeren Brukeren har alltid rett!
Symptomer på dårlig kvalitet Høy feilrate Målbart: Antall sammenbrudd pr. time Sammenbrudd = Når brukeren må fokusere på verktøyet og ikke på oppgaven. Mye stress Usikkerhet, utrygghet, utforutsigbarhet Ventestress Fremmedgjøring, negative holdninger Jeg forstår ikke data, Jeg hater data,...
Observerbare tegn på kvalitet Flyt (= lav feilrate) Grensesnittet er usynlig i bruk. Fokus er på oppgavene Positive holdninger, jobbtilfredstillelse Data er ok, Jeg får gjort det jeg skal Kreativitet, arbeidsglede Det er bare utrolig praktisk å kunne... Jeg tenker bedre foran skjerm Hva gjorde de egentlig før retteprogrammene?
Økonomi/ressursbruk Kvalitet kan gi store besparelser Økt effektivitet/service Bedre arbeidsmiljø Fornøyde og motiverte medarbeidere Kvalitet koster litt Bevissthet om brukers situasjon Brukbarhetstesting, observasjon, prototyping Dårlig kvalitet koster mer Misfornøyde ansatte og kunder
Hvordan er brukbarhet ivaretatt? Ingeniørtradisjonen (NTH) Ren funksjonalitet Konstruktør vs. bruker
Estetikk Dells Dimension Apples imac
Klassifisering av (design)representasjoner Perspektiver (problem vs. solution) Granularitet (relativ) Formalisering formalisering perspektiv? granularitet
Bruk av (design)representasjoner Prosess innebærer ulike bevegelser i representasjonsrommet Representasjonsform tilpasses bruksbehov og deltagere formalisering perspektiv granularitet
UI modelling - perspectives Task models How are tasks actually performed? What is the user supposed to be able to do? Dialog model What functional (abstract) UI elements do we need? How are they composed? Look & feel model How are objects and actions visualized and laid out? What are the interaction details
UI-modellering: historie Høynivå-programmering programmeringsverktøy, GUI-toolkits og rammeverk User Interface Management Systems (UIMS) egne konsepter, programmeringsverktøy/-omgivelse, kjøretidssystem UI-modellering deklarative modeller generering av ferdig grensesnitt Oppgave(modell)basert brukergrensesnittdesign modellering av oppgaver trinnvis forfining av modeller til kjørbart system editering og analyse vs. generering
SE and UI model relations Process/ dataflow/ workflow STM/ Petri Nets Concepts/ objects/ data What is done? How is it performed? How is information represented? Task Dialog Presentation
Dataflow vs. tasks order deliver shelves book/loan DB put back receive book pile
MMI-forelesninger Overordnet bilde av mennesker (aktører), oppgaver, informasjon og systemer (verktøy) Brukskvalitet Iterativ design og Usability Engineering Evaluering Oppgaveanalyse og modellering Scenariobygging Designteknikker
ISO 13407 User-centered design of interactive systems Beskriver prosesskrav i forhold til utvikling av bruker-sentrert utvikling av software. Fokus på iterasjoner, brukbarhets-evaluering, og dokumentasjon av brukbarhet. I forbindelse med RUP 2000 (Rational Unified Process) refereres det til ISO 13407 Ratifisert som NS-EN ISO 13407
Fra ISO 13407 En bruker-sentrert designprosess har typisk: Aktiv involvering av brukere, og en klar forståelse av bruker og oppgavene. En avveid allokering av ressurser mellom teknikk og bruker. En iterativ prosess Tverrfaglige utviklingsteam. Sterkt fokus på at utvikler må forstå og kunne formulere produktets brukssammenheng (context of use). Fokus på kommunikasjon med bruker gjennom konkrete prototyper etc.
ISO 13407 prosess Identifisere behov for brukersenteret design Forstå og spesifisere brukssammenheng Evaluere design mot krav Systemet tilfredstiller bruker og organisasjons krav Spesifisere brukers og organisasjonens krav Utvikle designløsninger
Iterativt Design Produksjon Design/Redesign -> Prototyp Analyse av målinger........................... Brukertesting................
Sammenheng mellom teknikker ariebygging Scenarier/Storyboards Prototypbygging der, Video Språk/begreper Konseptutvikling Konseptuell modell/metafor Papirprototyp/ Flash prototyp Evalue Hos utvikler Mot bruker (empirisk) Feltstudie Brukbarhetstesting m/ analyse