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

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 rune.kornefors@lnu.se

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

Användarcentrerad design Prototyper & användartest

Användarcentrerad design Prototyper & användartest Webbteknik Användarcentrerad design Prototyper & användartest Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats Utkast eller enkel variant av webbplatsen

Läs mer

Introduktion Översikt av kursen och området webbteknik

Introduktion Översikt av kursen och området webbteknik 1ME321 Webbteknik 1 Kursintroduktion och lektion 1 Introduktion Översikt av kursen och området webbteknik Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me321 1 2019 Rune Körnefors rune.kornefors@lnu.se

Läs mer

Formulär, textsträngar och en del annat

Formulär, textsträngar och en del annat 1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion

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)

Interaktionsdesign, grundkurs (7,5 HP) Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Christofer Rydenfält Forskar inom Human Factors, ofta med fokus på avancerad sjukvård Doktor i arbetsmiljöteknik Lärare på kursen Christofer Rydenfält:

Läs mer

Interaktionsdesign (7,5 HP)

Interaktionsdesign (7,5 HP) Interaktionsdesign (7,5 HP) 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

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

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

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

Design för användbarhet Designexempel, hur tänkte man vid designen? Design för användbarhet Designexempel, hur tänkte man vid designen? Bengt Göransson :: Användbarhetsdesigner Guide Redina AB :: Bengt.Goransson@guide.se Varför? Bengt Göransson, Guide Redina AB, 2005 http://www.guide.se/

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

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

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

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

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

Introduktion till användbarhet för mobila enheter

Introduktion till användbarhet för mobila enheter Introduktion till användbarhet för mobila enheter Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1914 2014-08-26 13:33:45Z danbos Översikt

Läs mer

Stad + Data = Makt. Kart/GIS-dag SamGIS Skåne 6 december 2017

Stad + Data = Makt. Kart/GIS-dag SamGIS Skåne 6 december 2017 Smart@Helsingborg Stadsledningsförvaltningen Digitaliseringsavdelningen the World s most engaged citizens Stad + Data = Makt Kart/GIS-dag SamGIS Skåne 6 december 2017 Photo: Andreas Fernbrant Urbanisering

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

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

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

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

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

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ärsmodellernas förändring inom handeln

Affärsmodellernas förändring inom handeln Centrum för handelsforskning vid Lunds universitet Affärsmodellernas förändring inom handeln PROFESSOR ULF JOHANSSON, EKONOMIHÖGSKOLAN VID LUNDS UNIVERSITET Centrum för handelsforskning vid Lunds universitet

Läs mer

Introduktion till MDI

Introduktion till MDI Introduktion till MDI Anna Swartling ast@kth.se Varifrån kommer MDI? Relativt ny vetenskap, håller fortfarande på och utvecklas Tvärvetenskapligt Kognitiv psykologi Datalogi Ergonomi Pedagogik Socialpsykologi

Läs mer

Introduktion till MDI

Introduktion till MDI Introduktion till MDI Anna Stockhaus ast@kth.se Innehåll & mål för gränssnittsdelen! Interaktionsprogrammering & människa-dator interaktion (MDI) www.nada.kth.se/kurser/kth/2d1323/03_04/doa/index.html!

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

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

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

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

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

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

Utvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför? Användbarhet Användbarhetsutvärdering Stefan Berglund Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren

Läs mer

Forskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI?

Forskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI? Forskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI? Monk & Gilbert: The common goal is, ultimately, to provide designers with insights that will allow them

Läs mer

Tjänster, design och innovation. Tjänstedesign, vad är det

Tjänster, design och innovation. Tjänstedesign, vad är det 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

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

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

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

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

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

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

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

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

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

A metadata registry for Japanese construction field

A metadata registry for Japanese construction field A metadata registry for Japanese construction field LCDM Forum, Japan October 25 th -27 th - 2006 TAKEYA, Isobe LCDM Forum Secretariat Document No. GEC-2005-002 LCDM Forum, Japan LCDM Forum, Japan Non-profit

Läs mer

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning MDI - fördjupning Anna Stockhaus ast@kth.se Användare Varierar extremt mycket Negativa sidor: Olika koncentrationsnivåer Humörsvängningar Olika motivationer och känslor Fördomar och rädslor Gör fel och

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

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

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lektion 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Denna vecka Exemplet Gretas Blommor Garretts modell Structure

Läs mer

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

Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 5 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för

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

Laboration 6 Formulär och stränghantering övningar/uppgifter

Laboration 6 Formulär och stränghantering övningar/uppgifter Laboration 6 Formulär och stränghantering övningar/uppgifter 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna laboration

Läs mer

Fö 8. Sammanfattande föreläsning MAMN25

Fö 8. Sammanfattande föreläsning MAMN25 Fö 8 Sammanfattande föreläsning MAMN25 MAMN25 kursplan Syfte Kursen syftar till att ge förståelse för grundläggande tekniker inom interaktionsdesign, samt förmåga att utforma interaktiva produkter och

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

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt

Läs mer

Reflektioner kring designprocessen av Intellitic

Reflektioner kring designprocessen av Intellitic INDIVIDUELL UPPSATS IT-universitetet, Chalmers tekniska högskola Institutionen för Människa datorinteraktion 1 p Kursansvarig: Erik Eliasson 2003-11-02 Camilla Orrenäs camilla.orrenas@mmedu.net Reflektioner

Läs mer

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

Användbarhet och användarcentrerad systemdesign. Innehåll Användbarhet och användarcentrerad systemdesign Inger Boivie Interaktionsdesign 1MD115 Innehåll Användbarhet Definition Nytta, mätbarhet Andra begrepp Användarcentrerad systemdesign (ACSD) Kort bakgrund

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

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

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

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

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

Episerver Advance Introducing: Episerver Advance. Episerver

Episerver Advance Introducing: Episerver Advance. Episerver Advance Introducing: Advance 83% 83% 83% of marketers say creating personalized content is their biggest challenge - Rapt Media 83% 83% lower average response rates for marketing campaigns that lack relevant

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

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

6 th Grade English October 6-10, 2014

6 th Grade English October 6-10, 2014 6 th Grade English October 6-10, 2014 Understand the content and structure of a short story. Imagine an important event or challenge in the future. Plan, draft, revise and edit a short story. Writing Focus

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

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

Kelly, Kevin (2016) The Inevitable: Understanding the 12 Technological Forces The Will Shape Our Future. Viking Press.

Kelly, Kevin (2016) The Inevitable: Understanding the 12 Technological Forces The Will Shape Our Future. Viking Press. Every utopia is a fiction, with necessary flaws that prevent it from ever becoming real. I have not met a utopia I would even want to live in. H O W T O B U I L D A G E N C Y I N T H E F A C E O F U N

Läs mer

Swedish adaptation of ISO TC 211 Quality principles. Erik Stenborg

Swedish adaptation of ISO TC 211 Quality principles. Erik Stenborg Swedish adaptation of ISO TC 211 Quality principles The subject How to use international standards Linguistic differences Cultural differences Historical differences Conditions ISO 19100 series will become

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

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

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

Avgörande!designprinciper!för! användbarhet!

Avgörande!designprinciper!för! användbarhet! Avgörandedesignprinciperför användbarhet Enkvalitativstudieavdesignensbetydelseför utvecklingavehälsosystem Essentialdesignprinciplesforusability AqualitativestudyoftheimportanceofdesignforthedevelopmentofeHealth

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

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

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

Människa-datorinteraktion och användarcentrerad design

Människa-datorinteraktion och användarcentrerad design Människa-datorinteraktion och användarcentrerad design Tisdagen den 7 februari 10-12, E33 Människa-datorinteraktion "HCI is a discipline concerned with the design, evaluation and implementation of interactive

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

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

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

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

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

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

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

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

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

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

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