Design av användargränssnitt. Processen snarare än produkten

Relevanta dokument
Design av användargränssnitt

Hur kan informationen kodas bättre? Förbättrad design. Ytterligare förbättringar. Läsbarhet och Layout. Alignments. Informationskodning

Design av användargränssnitt. Skärmdisposition och layout

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.

Design av användargränssnitt

Design av användargränssnitt

Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

IT och funk0onshinder

Föreläsning 5 Konceptuell design och designprinciper

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Design för användbarhet Designexempel, hur tänkte man vid designen?

Människa-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011

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

RUP - Rational Unified Process

Kognitiva teorier inom MDI - Introduktion

Avdelningen för Människadatorinteraktion

Fältstudier och analys

Ny användbarhet Att med hjälp av mentala modeller göra strategier och organisationer "användbara" Olle Torgny

F12: Användarna i fokus

Interaktionsdesign, designheuristik

Användbarhet och användarcentrerad systemdesign. Innehåll

Användarcentrerad systemdesign

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Design och konstruktion av användargränssnitt (distans) Avdelningen för Människadatorinteraktion. Gulan Jan Gulliksen Ph D, MSc

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

Design av användargränssnitt

Standarder för tillgänglighet Cecilia Beskow

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

Människa-datorinteraktion och användarcentrerad design

Användarcentrerad systemdesign

Användarcentrerad systemdesign

Användarcentrerad systemdesign

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum

Hört och lärt på NES2012 Session: Visual ergonomics

RUP är en omfattande process, ett processramverk. RUP bör införas stegvis. RUP måste anpassas. till organisationen till projektet

Effektivt Nyttigt Självförklarande Kräver ingen manual Intuitivt Läcker design Vem som helst kan använda det. Ändamålsenligt. Farmor kan använda den!

Avdelningen för Människadatorinteraktion

Design för användbarhet

Medicinsk Informatik VT 2003

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man

Chaos om datorprojekt..

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

Vad påverkar designen?

Erfarenheter av användarfall vid utvärdering i strategisk upphandling

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

Standarder m.m inom användbarhetsområdet

Användbarhet och användarcentrerad systemdesign. Innehåll

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt

RUP Rational Unified Process. 17 november 2004

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Chaos om IT-projekt..

Sveriges innovationsmyndighet

Vad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik

Digital Arbetsmiljö. Jan Gulliksen, Ann Lantz, Åke Walldius, KTH Bengt Sandblad och Carl Åborg, Uppsala universitet

Om användare och designprocessen

Designdiscipliner. Tjänstedesigner, vad gör man

Innehåll. Användbarhet och användarcentrerad systemdesign. Användbarhet - ACSD. Användbarhet? Vad är det? ISO 9241 Part 11. Andra definitioner

Principer för interaktionsdesign

Forskning och mobil medborgarservice på försök, CIDRE

Människa-Teknik-Organisation MTO i det dagliga arbetsmiljöarbetet

INTERAKTIONSDESIGN: VAD & HUR?

Föreläsning 9: Gränssnitt och webbdesign

Människa-Datorinteraktion

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

Användarcentrerad utveckling av en HFI-portal

Design för användbarhet Designexempel, hur tänkte man vid designen?

Föreläsning 10: Gränssnitt och webbdesign

Användarcentrerad systemdesign

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

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Användarcentrerad Systemutveckling

Användarcentrerad systemdesign

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Designmetodik. Systemering med användarfokus Malin Pongolini

Digital Arbetsmiljö. Vad är Digital Arbetsmiljö? Den arbetsmiljö, med dess problem och möjligheter av såväl fysisk, psykosocial

Kommandobaserad interaktion

In-flight Information System utveckling med ett användningscentrerat synsätt

Interaktionsdesign. Användbarhet ISO Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

TENTAPLUGG.NU AV STUDENTER FÖR STUDENTER. Datum. Kursexaminator. Betygsgränser. Tentamenspoäng. Övrig kommentar

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

Design för användbarhet

Användarcentrerad systemdesign

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

Människa-teknik i samverkan. Ergoship Human Factors inom sjöfart. Human Factors = Ergonomi. Det ska vara lätt att göra rätt

En tillbakablick.. Världen är inte ett skrivbord. Dåtidens visionärer. Xerox Star föregångaren MDI, Wearable Computing. Föreläsning

Kursen handlar om. Var används datorer och andra IT-stöd? T ex: Människa-datorinteraktion (MDI) Inst. för informationsteknologi

Datavetenskap. Beteendevetenskap MDI. Design

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

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

Pedagogisk planering. Teknik i grundsärskolan, år 7-9 Arbetsområde staden

Operatörer och användargränssnitt vid processtyrning

Kursen handlar om. Var används datorer och andra IT-stöd? Människa-datorinteraktion 1MD016, 5hp. T ex:

Platina och kvalité. Rasmus Staberg, Teknisk direktör,

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

CM FORUM. Introduktion till. Configuration Management (CM) / Konfigurationsledning. Tobias Ljungkvist


Symptom på problemen vid programvaruutveckling

Konsoliderad version av

Prototyper och användartest

Transkript:

Design av användargränssnitt Jan Gulliksen Design och konstruktion av användargränssnitt 1MD113 Processen snarare än produkten Analys -> Design -> Utvärdering -> Återkoppling -> Iterativ Inkrementellt Återkoppling Analys Utvärdering Design 1

Analys Användaranalyser Vilka användare har vi? (demografi) Vad har dessa användare för mål, krav och behov? Hur ser situationen ut idag? Är IT egentligen lösningen på deras problem? (Oftast inte!) Uppgiftsanalyser Användningsfall och andra formella notationer Informationsanvändningsanalys Dokumentation Samla kopior av alla dokument som används Fotografera mycket Videofilma Analys Design/Prototyper Skissernas styrka Parallell design Kreativitetshöjande åtgärder Deltagande design Design 2

Utvärdering Experttyckande tämligen värdelöst Enkäter ger tvivelaktiga resultat och är arbetskrävande att konstruera och sammanställa Deltagande metoder där användaren utför uppgifter under det att de observeras är klart underskattade Utvärdera ofta Utvärdera inte när det är för sent! Formativa utvärderingar framför summativa Utvärdering Återkoppling Fatta medvetet beslut baserat på resultaten Dokumentera inte för mycket Visa video Deltag i överlämnandet förklara/förstå/lös problemen Tala inte bara om att något är fel utan även varför! Tveka inte att föreslå alternativa lösningar Återkoppling Ödmjukhet och respekt 3

Designexempel 3 Skissa en designlösning för salt och peppar-förpackningen på ett flygplan Skärmdisposition och layout Skärmytan är en begränsad resurs Behövs verkligen all information som finns på sidan? Hellre för mycket information än för lite Samtidig informationsvisning kontra sekvensiell Överblick och detalj Metaforer Kollisionen mellan hypertext och skrivbordsmetaforen - eller vem har fönster på sitt skrivbord? Mönsterigenkänning Undvik att rulla text tag vara på spatial information 4

Vilken information är viktig? Inmatning Mänsklig inmatning är en långsam process Typiska uppgifter Kan användaren överhuvudtaget göra uppgiften? Hur lång tid tar det? Hur mycket tid är väntetid och hur mycket tänketid? Hur mycket fel gör användaren? Kan man återhämta sig fullständigt från felen? Hur lång tid tar det att återhämta sig? Hur pass säker är användaren på att man kommit fram till rätt resultat? etc. Hur tillfredsställande upplever användaren att det är? 5

Vad är det MEST avgörande problemet? Brister i SÖK-funktionen eller visualiseringen av sökresultaten Webbplatsen återspeglar den organisatoriska strukturen Den enorma mängden information som återfinns på webbplatsen - hur åskådliggöra den? Case: Uppsala universitet Case: FASS.se 6

Vad skulle ni mata in här? Bra eller dåligt? 7

Alignments Vad betyder följande ikoner? 8

Standarder och riktlinjer Standarder är riktlinjer som formaliseras eftersom de anses som tillräckligt viktiga och använda Riktlinjer (Guidelines) är vägledande vid lösning av designproblem Standarder De Facto (emacs, QWERTY, TCO-95) Kommersiella (Microsoft, IBM CUA, OSF/Motif) Formella (ANSI kompilatorer, Fortran77) Gränssnittsstandarder baseras på användbarhet och beteende, inte på produkttekniska aspekter. 9

Standardiseringsorgan ISO (International Standards Organisation) ideell organisation, medlemmarna betalar för att få vara med. Nationella motsvarigheter STG (Sverige), ANSI (USA), BSI (England), etc. genomför, kommenterar ISO-standarderna Internationella standarder ISO 9241 Ergonomic requirements for office work with visual display terminals. Del 1-17 Part 10 Dialogue design principles Part 11 Guidance on usability, Part 12 Presentation of information. ISO 13407 Human centred design process for interactive systems. ISO/IEC 14915 Multimedia user interface design. ISO/TS 16071 Guidance on software accessibility. ISO/IEC 11581 Icon symbols and functions. 10

ISO 6385 Ergonomic principles in the design of work system Ergonomics produces and integrates knowledge from the human and technology sciences to match jobs, systems, products and environments to the physical and mental abilities and limitations of people. In doing so it seeks to safeguard safety, health and wellbeing whilst optimising efficiency and performance 11