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

Storlek: px
Starta visningen från sidan:

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

Transkript

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

2 Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation, uppgiftstilldelning Konceptuell design Interaktionsteknik 2

3 Konceptuell design conceptual = begreppsmässig hur systemet ska vara för att motsvara ett givet syfte bestämma konceptuella objekt bestämma konceptuella handlingar viktigt med kända begrepp Väntar med konkreta designförslag Interaktionsteknik 3

4 Konceptuell design, forts. Krav omsätts till concrete use cases Identifiera objekt, attribut, handlingar Identifiera behållare (containers) Länka ihop behållare för att visa på flödet i interaktionssituationen Författare Signum Titel Hitta Låna Lämna tillbaka Interaktionsteknik 4

5 Work reengineering Genom att konstruera Uppgiftsscenarion Användarscenarion Uppgiftstilldelning, som bygger på essential use cases Interaktionsteknik 5

6 Uppgiftstilldelning (task allocation) Beslut i övergången från konceptuell till fysisk design Vem eller vad hanterar data? Var finns kunskap? I systemet eller hos användaren?? Interaktionsteknik 6

7 Innehållsdiagram (content diagram) Består av containers (behållare) Bygger på kravinsamling och use cases Representerar strukturen på gränssnittet från designerns perspektiv Ingen direkt koppling mellan diagram och konkret gränssnittsdesign Interaktionsteknik 7

8 Behållare innehåller: Mål Funktioner Länkar (kopplingar) Objekt Begränsningar Alla behållare kopplas ihop i ett diagram utifrån angivna länkar, bildar en sorts prototyp = innehållsdiagrammet Interaktionsteknik 8

9 Objekt Information som användarna behöver för att utföra sina uppgifter I ett bibliotekssystem: Böcker Lånekort Låntagare Bibliotek Interaktionsteknik 9

10 Attribut Attribut är sådant som hör ihop med objekten Låntagare: Namn Adress Telefon E-post Bok Signum Placering Författare Titel osv Interaktionsteknik 10

11 Handlingar (actions) Registrera lån Avregistrera lån Lägga till ny låntagare Ta bort låntagare Kräva in gamla lån osv. Mer generellt: Titta på, skapa, ta bort, kopiera, spara, redigera, skriva ut Interaktionsteknik 11

12 Main Stöder vanligaste uppgifterna Funktioner sökresurser se aktuella uppdateringar kontakta supportgrupp Länkar - ange sökdetaljer - visa uppdateringar - kontak Objekt Begränsningar Ange sökkriterier Användaren kan specificera sökkriterier för resurs Funktioner ange nyckelord, titel, författare osv. kontroller sökkriterier Länkar - visa sökresultat Objekt Resurs Begränsningar Sökningen får högst ta en sekund Visa sökresultat Sökresultaten visas Funktioner visa sökresultat välj ut sökresultat Länkar - visa detaljer Objekt Resurs Begränsningar Bör kunna visa minst fem resultat samtidigt E-postbekräftelse Bekräftar att e-post har skickats Funktioner visa meddelande Länkar Objekt Begränsningar Skriv meddelande Användare kan skriva och skicka meddelanden Funktioner visa meddelandefält skriv meddelande Länkar - e-postbekräftelse Objekt Medlem Begränsningar Ska tillåta både text och HTML Visa detaljer Visa detaljer om resultat och detaljer om ägare Funktioner visa detaljer välj e-postadress Länkar - skriv meddelande Objekt Resurs, medlem Begränsningar Interaktionsteknik 12

13 Designanvisningar Recept för perfekt design? Nja, men det finns Standarder Riktlinjer Style guides Interaktionsteknik 13

14 Standard ett föreskrivet sätt att diskutera, presentera eller göra något för att uppnå konsekvens mellan produkter Interaktionsteknik 14

15 Varför standards? förutsägbart, gör livet enklare säkerhet att något faktiskt fungerar kvalitet Interaktionsteknik 15

16 Vem bestämmer? Standardiseringsorganisationer: ISO (International Organization for Standardization) IEC (International Electrotechnical Commission) ANSI (American National Standards Institute) CEN (Comité européen de normalisation) Interaktionsteknik 16

17 Men även regeringar, ofta försvar sammanslutningar som BCS, the British Computer Society IEEE, the Institute of Electrical and Electronics Engineers (uttalas I triple E ) industristandard de facto-standard Interaktionsteknik 17

18 Problem att låsa fast sig vid viss teknik löses genom att standarder inriktas mot användbarhet och prestanda Interaktionsteknik 18

19 Specifikt för MDI gemensam terminologi implementationstekniker lätt att lära, man känner igen sig byta mellan applikationer hälsoaspekter Interaktionsteknik 19

20 ISO Ergonomikrav för MDI Guidance on task requirements Visual display requirements Keyboard requirements Workstation layout and postural requirements Guidance on the work environment Requirements for display with reflections Requirements for displayed colours Requirements for nonkeyboard input devices Dialogue principles Guidance on usability Presentation of information User guidance Menu dialogues Command dialogues Direct manipulation dialogues Form filling dialogues Principles and requirements for physical input devices Interaktionsteknik 20

21 Style guides En konvention för en specifik produkt eller familj av produkter Kommersiella, mycket vanligt Skräddarsydda Bygger på Standards, konventioner, erfarenhet Kravspecifikation Interaktionsteknik 21

22 Riktlinjer baseras på psykologiska teorier och praktiska erfarenheter brukar delas in i: principer regler Interaktionsteknik 22

23 Principer ligger på en hög nivå behöver tolkas Exempel Eftersträva enkelhet Hitta lämplig struktur Var konsekvent Bygg in tolerans Interaktionsteknik 23

24 Konsekvens placering ordning gruppering ordval inre/yttre följ inte slaviskt! Interaktionsteknik 24

25 Regler mycket detaljerade, ingen eller lite tolkning bör ej följas slaviskt se upp för missuppfattningar Interaktionsteknik 25

26 Riktlinjer och konflikter detaljerade menyer - snabba svarstider lätt att lära - snabbt att utföra var konsekvent ligg nära domänspråk Interaktionsteknik 26

27 Tillgänglighet Innehåll både visuellt och ljud Inte bara färg Förtydliga och förklara Användarkontroll Minimera fysisk ansträngning Interaktionsteknik 27

28 Tog on Interface The design process User testing Minimizing the impact of new releases to old users Principles from the real world Visibility User behaviour System behaviour User perceptions Consistency Time Colour Vocabulary Menues Icons Buttons Fonts Error messages Interaktionsteknik 28

29 Nielsens heuristiker Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors Help and documentation Interaktionsteknik 29

30 Shneidermans Golden rules Sträva efter konsistens ge vana användare shortcuts Ge informativ feedback Dialoger ska kännas klara Felhantering, förhindra fel Enkelt att göra ogjort Kontrollbehov Reducera användning av korttidsminnet Interaktionsteknik 30

31 Design rationale handlar om att dokumentera designval man tar med den logiska grunden för valen man listar designval tillsammans med olika motiv för att göra detta val särskilt fokus på de utmärkande valen Interaktionsteknik 31

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

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje Doing things Golden rules Heuristics Intro usability Tenta

Läs mer

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

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Praktiskt användande av användbarhetstekniker 1 (58)

Praktiskt användande av användbarhetstekniker 1 (58) Praktiskt användande av användbarhetstekniker 1 (58) Vem är jag? Lise-Lotte Thuse, Software Developer & Usability Expert, Industriell IT Kand. & Mag. i Informatik, inrikt. Systemutveckling & Usability

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Exempeldesign Paper prototyping Idag CHARM ingen övning

Läs mer

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

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al. Föreläsning 3 Användare, uppgift och omgivning Kapitel 3-4 i Stone et al. Från föregående föreläsning Kravinsamling med användare i fokus genom Observationer i verkliga situationer Konstruera uppgifter

Läs mer

Heuristisk utvärdering

Heuristisk utvärdering Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Några gyllene regler Projektintro Idag 1 GETTING INPUT

Läs mer

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

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1. Riktlinjer för gränssnittsdesign Jan Gulliksen Vad karaktäriserar ett bra användargränssnitt? Verksamhetseffektivt Rätt funktioner finns Användarvänligt Lätt att lära Minimerar fel Minimerar onödiga belastningar

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Några gyllene regler Projektintro Idag Obs extra redovisningsmöjlighet

Läs mer

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

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man Användbarhet TNMK31 Användbarhet Användarvänlighet? Åtkomlighet Förenligt med och stöd för människans mentala funktionssätt Individualisering Hjälpresurser Är tätt kopplat till användargränssnitt, speciellt

Läs mer

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik

Läs mer

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

Forskning och mobil medborgarservice på försök, CIDRE Forskning och mobil medborgarservice på försök, CIDRE Professor Karl W Sandberg Nätverksträff 24-timmarswebben, 14 oktober 2008 Sundsvalls konferenscenter, Scandic Sundsvall City CHAOS rapporten från Standish

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Project Backend Evaluering Idag Kom på övningen på onsdag med prototyp Boka

Läs mer

UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet

UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet My Ljungberg Susanna Westerblad EXAMENSARBETE 2009 DATATEKNIK UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet

Läs mer

Projektuppgift i Användarcentrerad Systemdesign, ht 04

Projektuppgift i Användarcentrerad Systemdesign, ht 04 Projektuppgift i Användarcentrerad Systemdesign, ht 04 E-Dagis enligt systemutvecklings metoden The Usability Engineering Lifecycle, Deborah J. Mayhew Grupp 3: Daniel Lundberg, dalu8987@student.uu.se Hanna

Läs mer

MAMN25 Interaktionsdesign (7,5 HP)

MAMN25 Interaktionsdesign (7,5 HP) MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? Definition av interaktionsdesign Designing interactive products to support the way people communicate and

Läs mer

Vad är interaktionsdesign?

Vad är interaktionsdesign? MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? 1 Definition av interaktionsdesign Designing interactive products to support the way people communicate

Läs mer

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Muddycards ERD MySQL Säkerhet. Förra gången Idag Muddy cards resultat MySQL-kopplingar mellan tabeller Usability - användbarhet Interaktionsdesign Projektuppgift. Muddy Cards

Läs mer

Föreläsning 7, Interak2on

Föreläsning 7, Interak2on Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Interaktionsdesign, grundkurs INTERAKTION 1

Interaktionsdesign, grundkurs INTERAKTION 1 Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.

Läs mer

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Grupparbete ACSD Projektplanering för ett Patientjournalsystem Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida

Läs mer

Att fastställa krav. Annakarin Nyberg

Att fastställa krav. Annakarin Nyberg Att fastställa krav Annakarin Nyberg Disposition Del 1 Varför samla in krav? Typer av krav Interaktionsdesign och krav Del 2 Analys, tolkning och presentation Scenarios Use cases Task analysis Avslutning

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Lab1 kod Doing things Golden rules Heuristics Intro usability

Läs mer

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

Stöd för att skapa intuitiva användargränssnitt Stöd för att skapa intuitiva användargränssnitt Russinen ur kakan Isabella Scandurra Centrum för ehälsa, Uppsala Universitet SAMTIT, Agenda Användbarhetsstandarden ISO 9241-11 Utvecklingsmetoder/utvärderingsmetoder

Läs mer

Usability analysis and inspection

Usability analysis and inspection Usability analysis and inspection Why and how? Design och konstruktion av användargränssnitt 1MD113 Why? Iterative design Prototyping Measuring usability Objective/subjective feedback Quick and dirty Slow

Läs mer

Usability- användbarhet

Usability- användbarhet Usability- användbarhet Tekniker, metoder och annat vi måste känna till för att kunna använda oss av usability som ett framgångsrecept i design av IT & digitala medier. cwiberg@informatik.umu.se Veckans

Läs mer

Kommentarer till MDI tentamen 081003

Kommentarer till MDI tentamen 081003 Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och

Läs mer

Design för användbarhet

Design för användbarhet Design för användbarhet» Användbarhetsdesign, användbarhetsn och utvecklingsprocessen. Bengt Göransson användbarhets Bengt.Goransson@guide.se även avdelningen för Människa-datorinteraktion, Uppsala universitet

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje Utvärdering Rapport JComboBox? Tenta 55% av betyget Hjälpmedel

Läs mer

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

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards

Läs mer

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

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Användbarhetsutvärdering och genomgång

Användbarhetsutvärdering och genomgång Användbarhetsutvärdering och genomgång Varför och hur? Varför? Iterativ design Prototyping Mäta användbarhet Objektiv/subjektiv återkoppling Quick and dirty Slow and clean Med eller utan användare 1 Utvärdering

Läs mer

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

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva

Läs mer

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?

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? 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? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,

Läs mer

Datavetenskap. Beteendevetenskap MDI. Design

Datavetenskap. Beteendevetenskap MDI. Design Designprocessen 1 Datavetenskap Beteendevetenskap MDI Design Två betydelser The final solution/plan (e.g. proposal, drawing, model, description) or the result of implementing that plan in the form of the

Läs mer

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1. Tre kursblock Grundläggande teori för design av användargränssnitt Människa dator interaktion Del 1 1. Design 2.Human factors & Ergonomics 3. Human computer interaction Inledningsvis Interaktiv produkt/system

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Project Backend Evaluering Idag Boka tid för handledning på fredag! 1 http://ixdcth.se/courses/2015/dat216/backend

Läs mer

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

Interaktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.

Läs mer

Gränssnittets påverkan på användbarhet

Gränssnittets påverkan på användbarhet Gränssnittets påverkan på användbarhet En studie om de avgörande designprinciperna och designmönstren för ökad användbarhet The Interface Impact on Usability A study of the key design principles and design

Läs mer

INVENTERING AV KUNSKAPSLÄGET AVSEENDE UTVÄRDERING AV OLIKA TYPER AV LJUSKÄLLOR. Thorbjörn Laike, Lunds Universitet Marianne Küller, Lunds Universitet

INVENTERING AV KUNSKAPSLÄGET AVSEENDE UTVÄRDERING AV OLIKA TYPER AV LJUSKÄLLOR. Thorbjörn Laike, Lunds Universitet Marianne Küller, Lunds Universitet INVENTERING AV KUNSKAPSLÄGET AVSEENDE UTVÄRDERING AV OLIKA TYPER AV LJUSKÄLLOR Thorbjörn Laike, Lunds Universitet Marianne Küller, Lunds Universitet Syfte Utreda förutsättningarna för att bygga upp en

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

Läs mer

Kommandobaserad interaktion

Kommandobaserad interaktion Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad

Läs mer

IT och funk0onshinder

IT och funk0onshinder IT och funk0onshinder Jan Gulliksen Gulan Professor i Människadatorinterak0on, Uppsala universitet ( dec 2009) KTH (feb 2009 ) 1 MDI i Uppsala studerar datorstöd i arbetslivet Vård- och omsorgarbete Administrativt

Läs mer

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet? Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign Kognition och perception

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3 Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign 120420 Kognition

Läs mer

Christina Brage, förste bibliotekarie, Linköpings universitetsbibliotek

Christina Brage, förste bibliotekarie, Linköpings universitetsbibliotek Referera rätt Christina Brage, förste bibliotekarie, Linköpings universitetsbibliotek Det hör till god vetenskaplig praxis att redovisa de källor som använts. Det måste alltid framgå av texten vem som

Läs mer

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

Interaktion 1. Dagens föreläsning. Interaktionsmodeller Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

Utvärdering. Innehåll. Samla in, analysera och presentera användbarhetsmått. Heuristisk utvärdering Användbarhetstestning A/B-testning

Utvärdering. Innehåll. Samla in, analysera och presentera användbarhetsmått. Heuristisk utvärdering Användbarhetstestning A/B-testning Utvärdering Samla in, analysera och presentera användbarhetsmått Innehåll Heuristisk utvärdering Användbarhetstestning A/B-testning 1 Heuristisk utvärdering Utse ett antal utvärderare och en lämplig lista

Läs mer

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

Användarcentrerad förbättring av HR-system

Användarcentrerad förbättring av HR-system Teknik och samhälle Datavetenskap Examensarbete 5 högskolepoäng, grundnivå Användarcentrerad förbättring av HR-system User-centered improvement of HR-system Ali Rama Examen: Kandidatexamen 80 hp Huvudområde:

Läs mer

Grundläggande teori för användargränssnitt,del 2

Grundläggande teori för användargränssnitt,del 2 Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering

Läs mer

1 Översikt...2. 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2. 2 Område Kontokoder...5

1 Översikt...2. 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2. 2 Område Kontokoder...5 Manual för Kontokod 1 Översikt...2 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2 2 Område Kontokoder...5 2.1 Mapputforskare...5 2.2 Verktygsfält...6 2.3 Hitta

Läs mer

Standarder m.m inom användbarhetsområdet

Standarder m.m inom användbarhetsområdet Standarder m.m inom användbarhetsområdet Tomas.berns@ergolab.se www.ergolab.se Detta tar jag upp idag! Standardisering och standarder inom ISO Common Industry Format CIF Guldlänken Citat från okänd! Standarder

Läs mer

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

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer. Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är

Läs mer

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1 Välkommen! SAPSA Impuls Mobilitet 81 Impuls sponsorer 2012 Guldsponsorer SAPSA Impuls Mobilitet 81 Mobilitet 81: Mobil reseräkningsapp med möjlighet att fotografera kvittona Christer Ingemarsson Lena Kågedal

Läs mer

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

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet Fö 2: Designprocessen Metoder Mål: att förstå användaren, uppgiften, situationen och tekniken (PACT) Hur hänger det ihop? Men först: projektet Projektet Användarstudier och analys av befintligt system

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

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

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) och CID(KTH) Uppsala Universitet Institutionen för Avdelningen för

Läs mer

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

Människa-teknik i samverkan. Ergoship Human Factors inom sjöfart. Human Factors = Ergonomi. Det ska vara lätt att göra rätt Människa-teknik i samverkan Det ska vara lätt att göra rätt Ergoship Human Factors inom sjöfart Shaping ships for people Margareta Lützhöft Sjöfart och marin teknik Chalmers tekniska högskola Human Factors

Läs mer

Föreläsning 6: Analys och tolkning från insamling till insikt

Föreläsning 6: Analys och tolkning från insamling till insikt Föreläsning 6: Analys och tolkning från insamling till insikt FSR: 1, 5, 6, 7 Rogers et al. Kapitel 8 Översikt Kvalitativ och kvantitativ analys Enkel kvantitativ analys Enkel kvalitativ analys Presentera

Läs mer

Användargränssnitt för mobiltelefoner

Användargränssnitt för mobiltelefoner Handelshögskolan vid Göteborgs universitet Institutionen för informatik Användargränssnitt för mobiltelefoner av Karolina Sjöberg och Elisabeth Söderberg Abstrakt Vi har i vår undersökning inriktat oss

Läs mer

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

Läs mer

LARS. Ett e-bokningssystem för skoldatorer.

LARS. Ett e-bokningssystem för skoldatorer. LARS Ett e-bokningssystem för skoldatorer. Därför behöver vi LARS Boka dator i förväg. Underlätta för studenter att hitta ledig dator. Rapportera datorer som är sönder. Samordna med schemaläggarnas system,

Läs mer

Programmeringsteknisk översiktskurs för yrkeshögskoleprogram

Programmeringsteknisk översiktskurs för yrkeshögskoleprogram Programmeringsteknisk översiktskurs för yrkeshögskoleprogram Föreläsning 2 Våren 2005 Innehåll Hur skapar man formulär i Visual Basic, design av användarytor Vad är objekt? Egenskaper och metoder Läsanvisningar:

Läs mer

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov Webbtillgänglighet Tillgänglighet på webben Att göra webbsidor så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra sidor tillgängliga oavsett vilken inoch utmatningsutrustning

Läs mer

Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus

Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus Åsa Martinsson TRITA-NA-E04066 NADA Numerisk analys och datalogi Department of Numerical Analysis KTH and

Läs mer

Upplägg. Fö: Användbarhetsutvärdering. Heuristisk utvärdering. 10 heuristiker (Nielsen) Hur många utvärderare?

Upplägg. Fö: Användbarhetsutvärdering. Heuristisk utvärdering. 10 heuristiker (Nielsen) Hur många utvärderare? Upplägg Fö: Användbarhetsutvärdering Heuristisk utvärdering Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Heuristisk utvärdering Heuristiker Utvärderare Gå igenom systemet

Läs mer

Fö: Användbarhetsutvärdering

Fö: Användbarhetsutvärdering Fö: Användbarhetsutvärdering Samla in, analysera och presentera användbarhetsmått Heuristisk utvärdering Användbarhetstestning Upplägg Heuristisk utvärdering Heuristiker Utvärderare Gå igenom systemet

Läs mer

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av

Läs mer

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5) Vi håller på att fylla på den gröna delen! Grundläggande teori för användargränssnitt,del 2 Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt

Läs mer

VATTEN ENERGI PRODUKT STANDARDER OCH MILJÖ HÖR DET IHOP? SIS, Swedish Standards Institute och Naturvårdsverket

VATTEN ENERGI PRODUKT STANDARDER OCH MILJÖ HÖR DET IHOP? SIS, Swedish Standards Institute och Naturvårdsverket L U F T VATTEN STANDARDER M A R K OCH MILJÖ ENERGI HÖR DET IHOP? PRODUKT SIS, Swedish Standards Institute och Naturvårdsverket Visste du att standarder kan ge stora miljövinster? Har standardisering med

Läs mer

Intro utvärdering

Intro utvärdering Föreläsning 2: Introduktion till varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 2 Översikt Att kunna om Observation, kort repetition Iterativ Det som påverkar Tänkbara syften

Läs mer

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar Kapitel 10 11 i kursboken För speciella behov Impairment försvagning syn/skelek Disability funk9onsnedsäkning seende/

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

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

Agenda. Inledning, teoretiska metoder Hierarkisk uppgiftsanalys, HTA Cognitive walkthrough CW Heuristisk evaluering Agenda Inledning, teoretiska metoder Hierarkisk uppgiftsanalys, HTA Cognitive walkthrough CW Heuristisk evaluering Teoretiska metoder Inspektionsmetoder Teoribaserade Olika typer av walkthroughs Uppgiftsanalysmetoder

Läs mer

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»

Läs mer

SVENSK STANDARD SS-ISO/IEC 27001:2014

SVENSK STANDARD SS-ISO/IEC 27001:2014 SVENSK STANDARD SS-ISO/IEC 27001:2014 Fastställd/Approved: 2014-02-26 Publicerad/Published: 2014-02-27 Utgåva/Edition: 2 Språk/Language: svenska/swedish; engelska/english ICS: 01.140.30; 04.050; 33.040.40;

Läs mer

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

Föreläsning 10: Introduktion till utvärdering. Rogers et al. Kapitel 12 Föreläsning 10: Introduktion till utvärdering Rogers et al. Kapitel 12 Analys Utvärdering Implementation Prototyper Krav Design 120515 Intro utvärdering 2 Bruce Tognazzini om utvärdering Iterative design,

Läs mer

Iterera, iterera, iterera

Iterera, iterera, iterera School of Mathematics and Systems Engineering Reports from MSI Rapporter från MSI Iterera, iterera, iterera En studie om hur en upprepande designprocess kan förbättra användbarheten i Provbankens interaktiva

Läs mer

Kristian Almgren Artificiell Intelligens Linköpings Universitet 2011. Talstyrning

Kristian Almgren Artificiell Intelligens Linköpings Universitet 2011. Talstyrning Talstyrning Abstrakt Talstyrning är en teknik som gör det möjligt för oss människor att mer eller mindre verbalt kommunicera med en dator eller ett system. Det här är ett tillvägagångssätt inom AI och

Läs mer

Användarcentrerad design Interak3on och informa3on

Användarcentrerad design Interak3on och informa3on Föreläsning i webbdesign Användarcentrerad design Interak3on och informa3on Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Structure Plane our concerns shi9 from more abstract issues

Läs mer

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

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren. Vad är Semantic Elements? HTML5 Semantic Informationen kommer från w3schools.com Semantik (av grekiska sema, "tecken") avser det vetenskapliga studiet av teckensystems innebörd och tolkning. Semantic elements

Läs mer

Grundläggande teori för användargränssni3, del 1

Grundläggande teori för användargränssni3, del 1 Grundläggande teori för användargränssni3, del 1 Innehåll Mentala och konceptuella modeller (Kap 2.3) Metaforer (Kap 2.4) Donald Normans designprinciper (Kap 1.6.3) Mentala och konceptuella modeller Mentala

Läs mer

Examensarbete på Siemens Elema AB

Examensarbete på Siemens Elema AB Introduktion Examensarbete på Siemens Elema AB - att arbeta med användarvänlighet. Kvantitativ utvärdering av användargränssnittet till ett rapporteringsverktyg för dokumentation av kranskärlssjukdomar.

Läs mer

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Undersökning av musikgränssnitt för mobiltelefoner

Undersökning av musikgränssnitt för mobiltelefoner Handelshögskolan VID GÖTEBORGS UNIVERSITET Institutionen för informatik 2005 01 11 Undersökning av musikgränssnitt för mobiltelefoner Abstrakt Denna uppsats redovisar resultatet av en undersökning av musikgränssnitt

Läs mer

Testning som beslutsstöd

Testning som beslutsstöd Testning som beslutsstöd Vilken typ av information kan testning ge? Vilken typ av testning kan ge rätt information i rätt tid? Hur kan testning hjälpa din organisation med beslutsstöd? Hur kan produktiviteten

Läs mer

Test av Metria Maps avseende Användbarhet och prestanda

Test av Metria Maps avseende Användbarhet och prestanda Test av Metria Maps avseende Användbarhet och prestanda Solgerd Tanzilli, Projektledare Tomas Rosendal, Testledare Xin He, Testare Lars Palm, Testare Anders Östman, Vetenskaplig ledare 1 Sammanfattning

Läs mer

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

Interaktionsdesign, grundkurs (7,5 HP)

Interaktionsdesign, grundkurs (7,5 HP) Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign, Virtual Reality & Augmented Reality Det började med att farmor

Läs mer

Bibliotekets tryckta och elektroniska resurser

Bibliotekets tryckta och elektroniska resurser Informationssökning för kursen Introduktion till projektmetodik Ingenjörsstudenter ht 13 Gunilla Thunarf Sundkvist Malin Almstedt Jansson sep 2013 Bibliotekets tryckta och elektroniska resurser Böcker

Läs mer