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

Storlek: px
Starta visningen från sidan:

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

Transkript

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

2 Prototyper behövs för att visa på designval för att designdokument ofta obegripliga kan vara pappersbaserade representation, utseende datorbaserade Prototyper, riktlinjer och standards 2

3 Man vill illustrera: Implementaion Roll Tekniska delar Look and feel Flöde, design Layout, hur information visas Roller Svåra, kritiska delar Implementation Look and feel Prototyper, riktlinjer och standards 3

4 Vad som fattas i en prototyp tillförlitlighet robusthet kompletthet konstruktionsmaterial Prototyper, riktlinjer och standards 4

5 Datorbaserade prototyper fungerar snabbt och billigt nödvändig funktionalitet ordning mellan operationer representation look and feel Prototyper, riktlinjer och standards 5

6 Olika typer av prototyper rapid prototyping incremental prototyping: man levererar en bit i taget, viktigast först evolutionary prototyping, prototypen används för vidareutveckling även: full, horisontal, vertical, T-prototype, high fidelity, chauffeured, wizard of Oz Prototyper, riktlinjer och standards 6

7 Prototypkulturer Formell Informell Prototyper ska besvara frågor Är den här produkten möjlig? Går den att förstå? Går den att producera för denna plattform? Prototyper, riktlinjer och standards 7

8 Prototypkulturer, forts specifikationsbaserad prototyp prototypbaserad specifikation antal prototyper per tidsenhet vilka involveras i prototyparbetet? rädsla att visa tidigt Prototyper, riktlinjer och standards 8

9 Konceptuell design Från krav till design: Prototyper visar idéer, begrepp, utseende i viss mån Bli inte alltför konkret alltför snabbt, iterera!!! God design bygger på många designalternativ Prototyper, riktlinjer och standards 9

10 Fysisk design, att konkretisera Man pendlar mellan konceptuell och fysisk design Riktlinjer, t ex: Normans 7 principer för design Nielsens heuristiker Shneidermans 8 gyllene regler Prototyper, riktlinjer och standards 10

11 Riktlinjer baseras på psykologiska teorier och praktiska erfarenheter brukar delas in i: principer regler Prototyper, riktlinjer och standards 11

12 Principer ligger på en hög nivå behöver tolkas ex 1: lär känna användartypen ex 2: reducera kognitiv belastning för användarna Prototyper, riktlinjer och standards 12

13 Exempel på designprinciper som anknyter till det visuella i gränssnittet: använd objekt och gör dem synliga människor behöver visuella landmärken som tjänar som orienteringspunkter om allt annat misslyckas, förse användarna med kartor Prototyper, riktlinjer och standards 13

14 Regler mycket detaljerade, ingen eller lite tolkning bör ej följas slaviskt se upp för missuppfattningar Prototyper, riktlinjer och standards 14

15 Riktlinjer och konflikter detaljerade menyer - snabba svarstider lätt att lära - snabbt att utföra Prototyper, riktlinjer och standards 15

16 Standard ett föreskrivet sätt att diskutera, presentera eller göra något för att uppnå konsekvens mellan produkter Prototyper, riktlinjer och standards 16

17 Varför standards? förutsägbart, gör livet enklare säkerhet att något faktiskt fungerar kvalitet Prototyper, riktlinjer och standards 17

18 Vem bestämmer? Standardiseringsorganisationer: ISO (International Organization for Standardization) IEC (International Electrotechnical Commission) ANSI (American National Standards Institute) CEN (Comité européen de normalisation) Prototyper, riktlinjer och standards 18

19 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 Prototyper, riktlinjer och standards 19

20 Specifikt för MDI gemensam terminologi implementationstekniker lätt att lära, man känner igen sig byta mellan applikationer hälsoaspekter Prototyper, riktlinjer och standards 20

21 Problem att låsa fast sig vid viss teknik löses genom att standarder inriktas mot användbarhet och prestanda Prototyper, riktlinjer och standards 21

22 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 non-keyboard 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 Prototyper, riktlinjer och standards 22

23 Några aktuella Web-adresser IEC: ANSI: World Wide Web Consortium: W3C Accessiblity initiative: IBM: Prototyper, riktlinjer och standards 23

24 7 principer för design Kunskap i världen och huvudet Förenkla struktur Gör synligt Mappning Begränsningar Felhantering Sista utväg, standardisera Prototyper, riktlinjer och standards 24

25 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 Prototyper, riktlinjer och standards 25

26 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 Prototyper, riktlinjer och standards 26

Föreläsning 6 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. Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,

Läs mer

Föreläsning 5 Konceptuell design och designprinciper

Föreläsning 5 Konceptuell design och designprinciper Föreläsning 5 Konceptuell design och designprinciper Kapitel 8 9 i kursboken 080415 Interak@onsteknik 1 Från krav @ll design hur gör man Work reengineering, dvs. af omstrukturera, konstruera om befintligt

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 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

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

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

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

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

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

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 Project Backend Evaluering Idag Kom på övningen på onsdag med prototyp Boka

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

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

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

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

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

Introduktion till människa datorinteraktion och interaktionsdesign

Introduktion till människa datorinteraktion och interaktionsdesign Introduktion till människa datorinteraktion och interaktionsdesign Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1257 2013-09-05 07:55:25Z

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

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

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

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

Frågetekniker. Föreläsning 3, Utvärderingstekniker MDI, Lena Palmquist 1. Än en gång: JEdit (Py Kollberg) Loggning. Tolkande dataanalys Föreläsning 3, Utvärderingstekniker Än en gång: Frågetekniker Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 13-15. Mål, frågeställningar Teknik Hur

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

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

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

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

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

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

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

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

Hi fi prototyping. Johanna Persson MAM nov 2014

Hi fi prototyping. Johanna Persson MAM nov 2014 Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk

Läs mer

Chaos om IT-projekt..

Chaos om IT-projekt.. Användarcentrerad systemutveckling, gränssnitt och prototyper. Lämplig extraläsning Gulliksen, Göransson: Användarcentrerad systemdesign, Studentlitteratur, kapitel: 4, 5, 6, 7, 8, 9 (Bredvidläsning) Syfte

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

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

Föreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design Föreläsning 4 Identifiera krav och behov Att läsa: Kapitel 10 i Rogers et al.: Interaction design Översikt Vikten av krav Olika typer av krav Datainsamling för olika krav Scenarier Use Cases Essential

Läs mer

Människa-Datorinteraktion. HCI text

Människa-Datorinteraktion. HCI text 2002-04-17 09:13 Människa-Datorinteraktion DVC002 HCI text Anders Carlsson pt00aca@student.bth.se Per Salomonsson pt00psa@student.bth.se Grupp: D Innehållsförteckning 1. Inledning... 3 2. Design och produktutveckling...

Läs mer

Föreläsning 7. Varför Standardisera? Standarder

Föreläsning 7. Varför Standardisera? Standarder Föreläsning 7 förstå varför standardisering är viktig känna till standardiseringsorganisationer inom tele/datakommunikationsbranschen känna till varifrån specifikationer för centrala protokoll hittas Varför

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

Menyer, formulär och dialogrutor

Menyer, formulär och dialogrutor Interaktion 2 Menyer, formulär och dialogrutor Konkreta typer av interaktion för direktmanipulation/wimp Kursboken Kap 6 Menyer Tanken med att använda menyer i användargränssnitt Datorer är duktiga på

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

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

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

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

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

Människa-Datorinteraktion

Människa-Datorinteraktion Människa-Datorinteraktion Grundutbildnings-, forskarutbildnings- och forskningsämne som behandlar Gränssnitt och kommunikation människa-dator Kommunikation och samarbete människa-människa via (medierat

Läs mer

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

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2012 Avdelningen för Visuell information

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

Användarcentrerad Systemutveckling

Användarcentrerad Systemutveckling Användarcentrerad Systemutveckling Människadatorinteraktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/ course/homepage/hci/ ht10 Användarcentrerad systemutveckling, gränssnitt och prototyper.

Läs mer

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos 1 Datainsamling Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. data.tex 1914 2014-08-26 13:33:45Z danbos 2 Litteratur Du ska inför övningen ha läst

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

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

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID Prototyping Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID TRITA-NA-D0105 CID-139, KTH, Stockholm, Sweden 2001 Susanna Olsson, TietoEnator, Funda Denizhan, TietoEnator, Ann Lantz,

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

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

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

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang DH2622 MDI-fk Introduktion till kursen & ämnet Tisdagen den 27 oktober 13-15 i svg alz@kth.se http://www.csc.kth.se/utbildni ng/kth/kurser/dh2622/ MDI på KTH Kursen i sitt sammanhang Forskningsmiljö Utbildning

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

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

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson johanna.persson@design.lth.se 046 222 43 58 Min bakgrund Civilingenjör i Medieteknik (LiTH) med inriktning mot visualisering och virtual reality Doktorand

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

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form

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

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

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

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

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

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

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

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

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

Utvärderingsmetoder: Teoretiska metoder. IT-universitetet

Utvärderingsmetoder: Teoretiska metoder. IT-universitetet Utvärderingsmetoder: Teoretiska metoder IT-universitetet 2004-02-24 Utgångspunkt - användbarhet Användarvänlighet (enl. Allwood 1998) Användarvänlighet Hjälpresurser Individualisering Förenligt med människans

Läs mer

Gränssnittsdesign för appar till smarta mobiltelefoner

Gränssnittsdesign för appar till smarta mobiltelefoner Institutionen för Informatik Gränssnittsdesign för appar till smarta mobiltelefoner Principer för användbarhet Kandidatuppsats, 15 högskolepoäng, SYSK02 i informatik Framlagd Maj, 2012 Författare Handledare

Läs mer

Fastställa mål. Daniel Bosk. goals.tex :33:45Z danbos

Fastställa mål. Daniel Bosk. goals.tex :33:45Z danbos 1 Fastställa mål Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. goals.tex 1914 2014-08-26 13:33:45Z danbos 2 Litteratur Du ska inför denna övning

Läs mer

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag TNM040 Kommunikation och användargränssnitt HT2016, FÖ7 Deadline projektgrupper idag Mailar kontaktansvarig om tid för avstämning (tider v40) Deadline individuell uppgift kritisk granskning nu på onsdag

Läs mer

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability Föreläsning 4/9 2003 Preece: Kap.3 Carmen Systems AB Psykologi delar Perception Perceptionspsykologi hur vi varseblir

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

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

Att skapa användbarhet och välja metoder med omsorg

Att skapa användbarhet och välja metoder med omsorg C-uppsats i Informatik Att skapa användbarhet och välja metoder med omsorg Författare: Joacim Gamme Handledare: Alexandra Petrakou Termin: VT10 Kurskod: 2IK40E Abstrakt Denna uppsats handlar om arbetsprocesser

Läs mer

Kognitiva teorier inom MDI - Introduktion

Kognitiva teorier inom MDI - Introduktion Kognitiva teorier inom MDI - Introduktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/course/homepage/hci/ht10 Arbetsuppgiften till idag: Identifiera ett tydligt exempel på dålig användbarhet

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

Mobila tjänster - Interaktionsdesignslösning av ett

Mobila tjänster - Interaktionsdesignslösning av ett Examensarbete i MDI/Interaktionsdesign Mobila tjänster - Interaktionsdesignslösning av ett webbaserat administrationsverktyg för mobila innehållstjänster Daniel Johansson & Julia Lagerstedt Göteborg, Sweden

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

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

Projekt: Utveckling av ett användargränssnitt

Projekt: Utveckling av ett användargränssnitt Projekt: Utveckling av ett användargränssnitt Daniel Bosk interactivesys.tex 157 2016-10-04 21:02:00Z jimahl Innehåll 1 Introduktion 1 2 Syfte 2 3 Läsanvisningar 2 4 Genomförande 2 5 Examination 3 5.1

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

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

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

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

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling - Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga

Läs mer

Tentamen, InteraktionsDesign, 7,5 ECTS

Tentamen, InteraktionsDesign, 7,5 ECTS Högskolan i Borås Sektionen för informationsteknologi Malin Nilsson Tentamen Tentamen, InteraktionsDesign, 7,5 ECTS Tid: 2015-06-05, kl. 09.00-13.00 Hjälpmedel: Inga hjälmedel tillåtna Totalpoäng: 58 poäng

Läs mer

Navigering ur ett användarperspektiv

Navigering ur ett användarperspektiv Institutionen för ekonomi och IT Avdelningen för medier och design Navigering ur ett användarperspektiv En experimentell studie med responsiva webbsidor i mobilen Joella Johannesson Josefin Lundbjörk Kandidatuppsats,

Läs mer

Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva

Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Designprocessen 2 Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper

Läs mer

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning

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

Europa standardiserar BIM. 25 november, 2014 ULI

Europa standardiserar BIM. 25 november, 2014 ULI Europa standardiserar BIM 25 november, 2014 ULI SIS, Swedish Standards Institute Sveriges medlem i CEN (europastandarder) och ISO (globala standarder) SS Svensk standard Ideell förening, ägs av medlemmar

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

Riktlinjer för redovisning av myndigheternas åtgärder inom e-förvaltningsområdet

Riktlinjer för redovisning av myndigheternas åtgärder inom e-förvaltningsområdet Dnr 2008/50 1 (15) Riktlinjer för redovisning av myndigheternas åtgärder inom e-förvaltningsområdet Generellt I samband med regeringens beslut om Handlingsplan för e-förvaltning 1 fick 70 myndigheter i

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

Användarcentrerad systemdesign

Användarcentrerad systemdesign Användarcentrerad systemdesign Användbarhet och användarcentrering Jan Gulan Gulliksen Avdelningen för MDI/IT, Uppsala Universitet, Sverige Jan.Gulliksen@hci.uu.se http://www.hci.uu.se/edu Innehåll Användbarhet

Läs mer