Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

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

Transkript

1 Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik Rune Körnefors

2 Från föreläsning F1 Användarcentrerad design "Take the user into account every step of the way as you develop your product" (Garre>, sid. 17) Varför? Vad? Hur? Vem? Garre>, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders 2

3 Från föreläsning F2 Två sidor av GarreJs modell Funk*onalitet Informa*on Interak*on Funk*onalitet Vad ska användaren kunna göra? Hur ska användaren agera? Informationsarkitektur! Interaktionsdesign! Informa*on Organisa*on Vad ska användaren kunna se? Hur ska användaren kunna hi>a? Garre>, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders, s.29 3

4 Från föreläsning F6 & F10 SäJa samman ej interakfvt program Konceptuell design Bestäm syve med programmet Bestäm funk*onalitet Vad användaren ska göra, vad programmet gör - Varför, Mål - Vad, UppgiNer (Tasks) Fysisk design Bestäm gränssni> Visibility och affordance, s*muli och sä>et a> ge respons Skapa gränssni>et i HTML och CSS Strukturera funk*onaliteten i funk*oner Bestäm koppling (händelser) mellan gränssni> och funk*oner Bestäm målrespons, verklig respons och programmets resultat Bestäm vilken data som behövs Variabler och parametrar - Hur, Handlingar (AcFons) Skriv funk*onerna i JavaScript Skapa programmet i små steg och testa ever varje ny> steg 4

5 Skapa program Vad (Konceptuell design) Börja med a> skriva kommentarer, för a> förklara vad programmet ska göra. // Kasta tärning: // Ta fram e> slumptal mellan 1 och 6 // Visa bild som motsvarar talet Hur (Fysisk design) Skriv sedan JavaScript- koden, för a> beskriva hur det ska göras. // Kasta tärning: func*on throwdice() { // Ta fram e> slumptal mellan 1 och 6 var dicenr = getrandom(6); // Visa bild som motsvarar talet dicetag.src = dicenr+".gif"; } 5

6 InterakFvitet Ur ordboken (Bra Böckers Lexikon, 1988): Interak*vitet: växelverkan, ömsesidig påverkan, samverkan Interak*v bearbetning: användaren arbetar i dialog med datorn, real*dsbearbetning, indata bearbetas och resultat lämnas så snabbt som möjligt, användaren kan direkt påverka den fortsa>a behandlingen Egenskaper i människa- datorinterak*vitet Dialog där datorn ger respons i real2d på användarens handlingar Användaren är ak2v och bör vara den som styr dialogen 6

7 AnvändargränssniJ Kontaktyta mellan användaren och datorn/informa*onen/informa*onsägare Användare Dator Informa*on Informa*ons- ägare Hur förstår användaren a> det går a> interagera och hur man gör de>a? Visibility Synliggörande, grafisk presenta*on,... Affordance Erbjudande, lockelse, är *ll för,... Metafor Liknelse Anpassa *ll målgruppen Utny>ja vad användaren redan kan 7 - Vad? Hur? - Vem? - Vem? BokFps: The Design of Everyday Things av Donald A. Norman

8 Från föreläsning F5 KogniFva aspekter Usörandegap (Gulf of execu*on) Avstånd mellan användarens mål och möjlighet a> uppnå dessa med systemet (webbplatsen) The user's way to think and interpret User s goals S*muli Feedback Gulf of evalua*on Tolkningsgap (Gulf of evalua*on) Avstånd mellan systemets Reac*on Response (webbplatsens) representa*on och användarens mål Physical system Gulf of execu*on Ac*on Designer's representa*on of the goals Webbdesignern bör sträva ever a> dessa gap blir så små som möjligt Preece, J., et al. (1994) Human- Computer InteracFon, Addison- Wesley 8

9 InterakFonens faser Program Programmerad dialog Användare 1. S*muli Visa a> något kan göras Ak*vera användaren Affordance 2. Sä>et a> ge respons Visa också hur användaren kan agera - klicka på knapp, välja i meny, Datorns respons 5. Resultat Vad som händer som direkt konsekvens av användarens respons Användaren styr vad som ska göras 3. Målrespons (förväntad respons) Vad användaren kan göra för a> uppnå målet 4. Verklig respons Användaren kan även göra något annat, vilket kan leda *ll andra resultat än målet 9

10 Exempel Ge s*muli i exemplet med bildsortering CSS för a> byta markör då den förs in över bilderna Markören byts också i JavaScript- koden, då bilderna fly>as Gränssni> för e> beställningsformulär form1.htm meny för rumstyp och texsält för antal nä>er och personer form2.htm: menyn ersa> av radioknappar form3.htm: vid e> fåtal alterna*v blir det mer överskådligt meny istället för texsält för antal nä>er form4.htm: minskar risken a> användaren skriver något annat än *llåtna val meny för antal personer och det kan endast väljas då det är aktuellt mer strukturerat och tydligare gränssni> ex1! ex2! 10

11 Utveckla för människor (användarna) user experience: the experience the product creates for the people who use it in the real world. (Garre>, 2011, s. 6) Användarvänlig (User Friendly) Tydligt, enkelt gränssni> Användbarhet (Usability) Effek*vt, användarna kan uppnå sina mål Användarupplevelse (User Experience, UX) Hur användarna känner (subjek*vt) Garre>, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders 11 Bilder från freedigitalphotos.net

12 Användarupplevelse (User Experience) Jakob Nielsen och Donald Norman: "User experience" encompasses all aspects of the end- user's interac2on with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high- quality user experience in a company's offerings there must be a seamless merging of the services of mul*ple disciplines, including engineering, marke*ng, graphical and industrial design, and interface design. Nielsen, J. & Norman, D. (2011) User Experience Our DefiniFon, Nielsen Norman Group, Tillgänglig: h>p:// [ ] 12

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

Användarcentrerad design Structure plane (tredje nivån)

Användarcentrerad design Structure plane (tredje nivån) Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

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

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

Introduk+on +ll JavaScript if- sats, funk+oner, bilder

Introduk+on +ll JavaScript if- sats, funk+oner, bilder Föreläsning i webbdesign Introduk+on +ll JavaScript if- sats, funk+oner, bilder Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se if- sats I en if- sats kan man kontrollera ee villkor

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

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

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

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

Användarcentrerad design Strategy plane (första nivån)

Användarcentrerad design Strategy plane (första nivån) Webbteknik Användarcentrerad design Strategy plane (första nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se "- What do we want to get out of this product? Strategy plane -

Läs mer

Introduk+on +ll programmering i JavaScript

Introduk+on +ll programmering i JavaScript Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,

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

Skeleton plane & Responsiv webbdesign med CSS

Skeleton plane & Responsiv webbdesign med CSS 1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor

Läs mer

Länkar och navigering

Länkar och navigering Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens

Läs mer

Visa och dölja element med JavaScript

Visa och dölja element med JavaScript Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility

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

HTML & Projektstrategi

HTML & Projektstrategi 1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 38 HTML UppgiG U1 U1=L1+L2+L3 UppgiG U3 Läsanvisningar

Läs mer

Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I. Rune Körnefors. Medieteknik Rune Körnefors

Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I. Rune Körnefors. Medieteknik Rune Körnefors Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC A Arkitektur, struktur

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Mina målsättningar för 2015

Mina målsättningar för 2015 Mina målsättningar för 2015 den / - 1 Vad har jag stört mig på under 2014? När jag tänker på det, vill jag verkligen ändra på det i framtiden. Under 2014 har jag varit så nöjd med detta i mitt liv. Detta

Läs mer

Systemutveckling. Historiskt grundad introduktion

Systemutveckling. Historiskt grundad introduktion Systemutveckling Historiskt grundad introduktion Kvalitet som tema Dataområdet kännetecknas av ständig förändring - utveckling - expansion Varje "nyhet" en förbättring Anta att förbättringarna är, eller

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

Service och bemötande. Torbjörn Johansson, GAF Pär Magnusson, Öjestrand GC

Service och bemötande. Torbjörn Johansson, GAF Pär Magnusson, Öjestrand GC Service och bemötande Torbjörn Johansson, GAF Pär Magnusson, Öjestrand GC Vad är service? Åsikter? Service är något vi upplever i vårt möte med butikssäljaren, med kundserviceavdelningen, med företagets

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

AFFÄRSUTVECKLING i den digitala tornadon

AFFÄRSUTVECKLING i den digitala tornadon AFFÄRSUTVECKLING i den digitala tornadon Digital affärsinnovation Stockholm den 27 maj 2016 Robert Elm 2011 IRM AB All rights reserved Det populäraste mediaföretaget. Skapar inget innehåll Uber Världens

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

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

Mönster. Ulf Cederling Växjö University Ulf.Cederling@msi.vxu.se http://www.msi.vxu.se/~ulfce. Slide 1

Mönster. Ulf Cederling Växjö University Ulf.Cederling@msi.vxu.se http://www.msi.vxu.se/~ulfce. Slide 1 Mönster Ulf Cederling Växjö University UlfCederling@msivxuse http://wwwmsivxuse/~ulfce Slide 1 Beskrivningsmall Beskrivningsmallen är inspirerad av den som användes på AG Communication Systems (AGCS) Linda

Läs mer

Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik. 2014 Rune Körnefors rune.kornefors@lnu.

Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik. 2014 Rune Körnefors rune.kornefors@lnu. Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)ets sy-e Rune Körnefors Medieteknik 1 2014 Rune Körnefors rune.kornefors@lnu.se Områden Utvecklingsprocess Roller Användargränssni) Översikt

Läs mer

Om oss DET PERFEKTA KOMPLEMENTET THE PERFECT COMPLETION 04 EN BINZ ÄR PRECIS SÅ BRA SOM DU FÖRVÄNTAR DIG A BINZ IS JUST AS GOOD AS YOU THINK 05

Om oss DET PERFEKTA KOMPLEMENTET THE PERFECT COMPLETION 04 EN BINZ ÄR PRECIS SÅ BRA SOM DU FÖRVÄNTAR DIG A BINZ IS JUST AS GOOD AS YOU THINK 05 Om oss Vi på Binz är glada att du är intresserad av vårt support-system för begravningsbilar. Sedan mer än 75 år tillverkar vi specialfordon i Lorch för de flesta olika användningsändamål, och detta enligt

Läs mer

We love what we do. Klicka här för att ändra format på underrubrik i bakgrunden 2015-03-24

We love what we do. Klicka här för att ändra format på underrubrik i bakgrunden 2015-03-24 We love what we do Klicka här för att ändra format på underrubrik i bakgrunden Östersund Örebro Västerås Stockholm Vasa Click to edit Master subtitle style Click to edit Master subtitle style 3 Click

Läs mer

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Alde Värmesystem Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Inledning Åre kommun, Huså by. Det är kväll och vi har precis kommit upp till vår husvagn som vi har

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

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

Design för användbarhet

Design för användbarhet Design för användbarhet Klicka här för att ändra format Designexempel, hur tänkte man vid designen? Bengt Göransson Klicka här :: för Användbarhetsdesigner att ändra format på underrubrik i bakgrunden

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

Kvalitetsarbete I Landstinget i Kalmar län. 24 oktober 2007 Eva Arvidsson

Kvalitetsarbete I Landstinget i Kalmar län. 24 oktober 2007 Eva Arvidsson Kvalitetsarbete I Landstinget i Kalmar län 24 oktober 2007 Eva Arvidsson Bakgrund Sammanhållen primärvård 2005 Nytt ekonomiskt system Olika tradition och förutsättningar Olika pågående projekt Get the

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

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive AGIL KRAVHANTERING Hitta behoven bakom kraven!!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive KRAVSTÄLL EN PRODUKT! Skriv ner tre krav som ni ställer på produkten INNOVATIONSDRIVNA PRODUKTER...

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

Beijer Electronics AB 2000, MA00336A, 2000-12

Beijer Electronics AB 2000, MA00336A, 2000-12 Demonstration driver English Svenska Beijer Electronics AB 2000, MA00336A, 2000-12 Beijer Electronics AB reserves the right to change information in this manual without prior notice. All examples in this

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

Materialplanering och styrning på grundnivå. 7,5 högskolepoäng

Materialplanering och styrning på grundnivå. 7,5 högskolepoäng Materialplanering och styrning på grundnivå Provmoment: Ladokkod: Tentamen ges för: Skriftlig tentamen TI6612 Af3-Ma, Al3, Log3,IBE3 7,5 högskolepoäng Namn: (Ifylles av student) Personnummer: (Ifylles

Läs mer

Människa-datorinteraktion 7,5 p

Människa-datorinteraktion 7,5 p Människa-datorinteraktion 7,5 p Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign och Virtual Reality Det började med att farmor Gretas TV tappade alla

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

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

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

Sparbankerna PDF. ==>Download: Sparbankerna PDF ebook By 0

Sparbankerna PDF. ==>Download: Sparbankerna PDF ebook By 0 Sparbankerna PDF ==>Download: Sparbankerna PDF ebook By 0 Sparbankerna PDF By 0 - Are you searching for Sparbankerna pdf Books? Now, you will be happy that Sparbankerna PDF is available at our online library

Läs mer

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

Designmönster för sociala användningssituationer

Designmönster för sociala användningssituationer Designmönster för sociala användningssituationer Baserat på Interaction design patterns for computers in sociable use, kommande artikel i International Journal of Computer Applications in Technology, matar@ida.liu.se

Läs mer

HTML & Projektstrategi

HTML & Projektstrategi 1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2017 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen UppgiE U1 = L1+L2+L3 UppgiE U3 Läsanvisningar Exempel Påbörja

Läs mer

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap Interaktion 2 Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4 Styrdon Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout

Läs mer

Designprocessen. Kapitel 7 & Kapitel 9

Designprocessen. Kapitel 7 & Kapitel 9 Designprocessen Kapitel 7 & Kapitel 9 Tre kursblock 1.Human factors & Ergonomi 2. Design 3. Human-computer interaction Design: Två betydelser The final solution/plan (e.g. proposal, drawing, model, description)

Läs mer

Nya sätt att sälja Livsmedel - nya krav på information

Nya sätt att sälja Livsmedel - nya krav på information Nya sätt att sälja Livsmedel - nya krav på information GS1 Seminarium Lena Sparring 28 Maj 2013 Detta är ICA Det här är ICA-idén Enskilda handlare i samverkan, som framgångsrikt kombinerar mångfald och

Läs mer

Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm

Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm Det populäraste mediaföretaget. Skapar inget innehåll Uber Världens största taxiföretag. Äger inga fordon. Facebook Världens

Läs mer

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

RUP är en omfattande process, ett processramverk. RUP bör införas stegvis. RUP måste anpassas. till organisationen till projektet RUP är en omfattande process, ett processramverk RUP bör införas stegvis RUP måste anpassas till organisationen till projektet Volvo Information Technology 1 Även RUP har sina brister... Dåligt stöd för

Läs mer

Wittgenstein for dummies Eller hur vi gör det obegripliga begripligt. Västerås 15 februari 2017

Wittgenstein for dummies Eller hur vi gör det obegripliga begripligt. Västerås 15 februari 2017 Wittgenstein for dummies Eller hur vi gör det obegripliga begripligt Västerås 15 februari 2017 En värld är varje människa, befolkad av blinda varelser i dunkelt uppror mot jaget konungen som härskar över

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Bättre koll på jobbet - Kunskapsstöd

Bättre koll på jobbet - Kunskapsstöd Bättre koll på jobbet - Kunskapsstöd Västra Götalandsregionen Interaktionsdesign Version 1.0, 2009-10-14 Förfa7are Sonja Larsson, inuse Consul(ng AB E post: sonja.larsson@inuse.se Telefon: 0708 45 70 76

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

Utvärderingsmetodik av User Experience

Utvärderingsmetodik av User Experience Utvärderingsmetodik av User Experience och hur det kan påverka relationen mellan användare, system och företag ANNA JENSEN och JOHAN PERSSON Examensarbete Stockholm, Sverige 2010 Utvärderingsmetodik av

Läs mer

Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er

Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns

Läs mer

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T Introduktion till kursen Människadatorinteraktion 10p 02-08-28 Maria Redström Patricija Jaksetic CR&T Dagens föreläsning: Kursadministration Introduktion till MDI Kursmoment Examination Designprinciper

Läs mer

Människa- datorinterak5on inledande kurs, ht 13

Människa- datorinterak5on inledande kurs, ht 13 Människa- datorinterak5on inledande kurs, ht 13 Vad är användbarhet? ISO- 9241-11: Den utsträckning /ll vilken en specificerad användare kan använda en produkt för a9 uppnå specifika mål, med ändamålsenlighet,

Läs mer

2.1 Installation of driver using Internet Installation of driver from disk... 3

2.1 Installation of driver using Internet Installation of driver from disk... 3 &RQWHQW,QQHKnOO 0DQXDOÃ(QJOLVKÃ'HPRGULYHU )RUHZRUG Ã,QWURGXFWLRQ Ã,QVWDOOÃDQGÃXSGDWHÃGULYHU 2.1 Installation of driver using Internet... 3 2.2 Installation of driver from disk... 3 Ã&RQQHFWLQJÃWKHÃWHUPLQDOÃWRÃWKHÃ3/&ÃV\VWHP

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

Writing with context. Att skriva med sammanhang

Writing with context. Att skriva med sammanhang Writing with context Att skriva med sammanhang What makes a piece of writing easy and interesting to read? Discuss in pairs and write down one word (in English or Swedish) to express your opinion http://korta.nu/sust(answer

Läs mer

TS CASESKOLA B. Asplund, CJ och Bengtsson, L. LTH

TS CASESKOLA B. Asplund, CJ och Bengtsson, L. LTH TS CASESKOLA B Asplund, CJ och Bengtsson, L. LTH 2016 Ett styrdokument. Är en naturlig del av caset. Bör vara utförlig och strukturerad (se Asplund 2011). Undervisningssyfte, målgrupp, nivå, typ av kurs

Läs mer

http://marvel.com/games/play/31/create_your_own_superhero http://www.heromachine.com/

http://marvel.com/games/play/31/create_your_own_superhero http://www.heromachine.com/ Name: Year 9 w. 4-7 The leading comic book publisher, Marvel Comics, is starting a new comic, which it hopes will become as popular as its classics Spiderman, Superman and The Incredible Hulk. Your job

Läs mer

SOA One Year Later and With a Business Perspective. BEA Education VNUG 2006

SOA One Year Later and With a Business Perspective. BEA Education VNUG 2006 SOA One Year Later and With a Business Perspective BEA Education VNUG 2006 Varför SOA är viktigt? As margins erode companies need to optimize for process and operational efficiency or find new markets

Läs mer

Här kan du checka in. Check in here with a good conscience

Här kan du checka in. Check in here with a good conscience Här kan du checka in med rent samvete Check in here with a good conscience MÅNGA FRÅGAR SIG hur man kan göra en miljöinsats. Det är egentligen väldigt enkelt. Du som har checkat in på det här hotellet

Läs mer

Principer för interaktionsdesign

Principer för interaktionsdesign Designtrappan och GDK Principer för interaktionsdesign Mattias Arvola Institutionen för datavetenskap Designtrappan är framtagen av Dansk Design Center och vidareutvecklad av SVID. 2 Dagens föreläsning

Läs mer

Support Manual HoistLocatel Electronic Locks

Support Manual HoistLocatel Electronic Locks Support Manual HoistLocatel Electronic Locks 1. S70, Create a Terminating Card for Cards Terminating Card 2. Select the card you want to block, look among Card No. Then click on the single arrow pointing

Läs mer

Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik Rune Körnefors

Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik Rune Körnefors Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)ets sy-e Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Utvecklingsprocess Roller Användargränssni) Översikt

Läs mer

The Academic Career Path - choices and chances ULRIKKE VOSS

The Academic Career Path - choices and chances ULRIKKE VOSS The Academic Career Path - choices and chances ULRIKKE VOSS The Academic Path Professur söks i konkurrens 5llsvidareanställning D O K T O R S E X Postdoktor!dsbegränsad max 2 år enligt avtal Biträdande

Läs mer

DE TRE UTMANINGARNA..

DE TRE UTMANINGARNA.. DE TRE UTMANINGARNA.. SYSTEM MATERIAL PROCESSER PROTOTYP UTVECKLING SERIE UTVECKLINGSFASER NY LEVERANTÖR System Process AS9100 NadCap Geometri Legering In718/ Ti Rf/ Al Standard ISO9000 TID RESAN MOT MÅLET

Läs mer

SCRATCH är ett nytt programmeringsspråk som gör att du kan skapa dina egna interaktiv historier, animationer, spel, musik och konst.

SCRATCH är ett nytt programmeringsspråk som gör att du kan skapa dina egna interaktiv historier, animationer, spel, musik och konst. version 1.4 SCRATCH är ett nytt programmeringsspråk som gör att du kan skapa dina egna interaktiv historier, animationer, spel, musik och konst. Dra gå blocket i Scripts-området. Klicka på blocket för

Läs mer

System arbetssystem informationssystem

System arbetssystem informationssystem System arbetssystem informationssystem Vad är ett system? Exempel - Matsmältningssystemet - Immunförsvaret - Ett hemelektroniksystem -En skola System - definition Ett system är en uppsättning interagerande

Läs mer

Svensk presentation. 2012-12-28 Anita Lennerstad 1

Svensk presentation. 2012-12-28 Anita Lennerstad 1 Svensk presentation 2012-12-28 Anita Lennerstad 1 Trailereffekter AB Bild Specialisten på delar till trailers och släpvagnar 2012-12-28 Anita Lennerstad 2 Utveckling bild bild Axel Johnson AB BRIAB bild

Läs mer

Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm

Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm Men hallå! Hur svårt kan det vara? Kraven och förväntningarna att snabbt kunna utveckla verksamheter har aldrig

Läs mer

Med kundupplevelsen i centrum

Med kundupplevelsen i centrum Med kundupplevelsen i centrum If I had asked people what they wanted, they would have said faster horses. HENRY FORD ? MEN VI VILL JU BARA KOMMA FRAM SNABBARE JU! VÅRT JOBB Servicedesign hjälper uppdragsgivare

Läs mer

Designprocessen. Kapitel 7 & Kapitel 9

Designprocessen. Kapitel 7 & Kapitel 9 Designprocessen Kapitel 7 & Kapitel 9 Tre kursblock 1. Design 2.Human factors & Ergonomics 3. Human-computer interaction Innehåll Vad är design? Varför behövs en designprocess? Egenskaper hos en designprocess.

Läs mer

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

Exportmentorserbjudandet!

Exportmentorserbjudandet! Exportmentor - din personliga Mentor i utlandet Handelskamrarnas erbjudande till små och medelstora företag som vill utöka sin export Exportmentorserbjudandet! Du som företagare som redan har erfarenhet

Läs mer

PRODUKTINNOVATION Civilingenjör 180 p

PRODUKTINNOVATION Civilingenjör 180 p PRODUKTINNOVATION Civilingenjör 180 p Produktutveckling från idé till kommersialisering - Produktrealisering - Skapandeprocessen - Produktanalys - Funktionsverifiering - Produktentreprenör - Affärsperspektivet

Läs mer

Medicin och Teknik/ ETIF20 E-hälsa. Känna till och kunna ta hänsyn till aspekter som. Känna till de tekniker som är tillämpbara inom e-

Medicin och Teknik/ ETIF20 E-hälsa. Känna till och kunna ta hänsyn till aspekter som. Känna till de tekniker som är tillämpbara inom e- En titt på kursplanen Känna till hur e-hälsa används inom hälso-och sjukvården i Sverige och internationellt Känna till de tekniker som är tillämpbara inom e- hälsoområdet Känna till och kunna ta hänsyn

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

!!! Så här skapar du en gra0s personlig sida och en verksamhetssida på Facebook. Sek0on A

!!! Så här skapar du en gra0s personlig sida och en verksamhetssida på Facebook. Sek0on A Så här skapar du en gra0s personlig sida och en verksamhetssida på Facebook Det är nödvändigt a. skapa en professionell digital pla5orm om du vill uppnå framgång i det långa loppet. Denna typ av pla5orm

Läs mer

samhälle Susanna Öhman

samhälle Susanna Öhman Risker i ett heteronormativt samhälle Susanna Öhman 1 Bakgrund Riskhantering och riskforskning har baserats på ett antagande om att befolkningen är homogen Befolkningen har alltid varit heterogen när det

Läs mer

Make a speech. How to make the perfect speech. söndag 6 oktober 13

Make a speech. How to make the perfect speech. söndag 6 oktober 13 Make a speech How to make the perfect speech FOPPA FOPPA Finding FOPPA Finding Organizing FOPPA Finding Organizing Phrasing FOPPA Finding Organizing Phrasing Preparing FOPPA Finding Organizing Phrasing

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

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

Människan och sjösäkerheten

Människan och sjösäkerheten Människan och sjösäkerheten Margareta Lützhöft Human Factorsgruppen Sjöfart och marin teknik Chalmers Min sjöfartserfarenhet Sjökapten, utbildad i Kalmar Ca 13 år till sjöss Forskar nu inom Human Factors

Läs mer

GYMNASIEARBETE: NINJARENA - VÅRAT EGET SPEL

GYMNASIEARBETE: NINJARENA - VÅRAT EGET SPEL Grafiskt Utbildningscenter VT 2015 GYMNASIEARBETE: NINJARENA - VÅRAT EGET SPEL Jordi Orrellana Herrera Yonathan Sarria Flood Liam Fritzson Handledare: Per Djerf 1 av 11 Abstract The following set of papers

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

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

EXPLORE FOOD EN GUIDE TILL ÖVER 100 AV STOCKHOLMS BÄSTA RESTAURANGER

EXPLORE FOOD EN GUIDE TILL ÖVER 100 AV STOCKHOLMS BÄSTA RESTAURANGER EXPLORE FOOD EN GUIDE TILL ÖVER 100 AV STOCKHOLMS BÄSTA RESTAURANGER Restaurang Jonas Restaurant Jonas is a luxury restaurant in Stockholm, run by award winning chef Jonas Lundgren. Here we offer longer

Läs mer