Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se
|
|
- Bo Danielsson
- för 8 år sedan
- Visningar:
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
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 merAnvä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 merFö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 merIT 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 merPrototyper 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 merIntroduk+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 merAnvä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 merIntroduktion Ö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 merFormulä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 merGrundlä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 merInteraktionsdesign, 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 merInteraktionsdesign, 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 merInteraktionsdesign (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 merIntroduk+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 merInteraktionsdesign, 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 merDesign 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 merLä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 merAnvä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 merVisa 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 merIntroduktion 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 merAnvä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 merSkeleton 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 merDatavetenskap. 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 merIntroduktion 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 merStad + 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 merHTML & 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 merFö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 merSystemutveckling. 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 merLabora&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 merMina 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 merFö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 merInteraktionsdesign. 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 merFö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 merAffä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 merIntroduktion 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 merIntroduktion 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 merBoken. 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 merAFFÄ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 merFö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 merEfterlysning! 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 merService 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 merMä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 merMö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 merUtvä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 merForskningsperspektiv 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 merTjä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 merBoken. 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 merOm 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 merAlde 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 merTentamen 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 merMä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 merAtt 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 merKvalitetsarbete 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 merAGIL 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 merDesign 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 merA 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 merSUDOA 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 merKonverteringsskola 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 merAnvä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 merStruktur & 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 merFö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 merMä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 merLaboration 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 merFö 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 merTre 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 merFö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 merReflektioner 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 merAnvä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 merBä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 merLARS. 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 merLabora&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 merWe 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 merSparbankerna 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 merEpiserver 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 merBeijer 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 merAtt 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 mer6 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 merMaterialplanering 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 merInnehå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 merKelly, 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 merSwedish 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 merRUP ä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 merNya 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 merWittgenstein 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 merAvgörande!designprinciper!för! användbarhet!
Avgörandedesignprinciperför användbarhet Enkvalitativstudieavdesignensbetydelseför utvecklingavehälsosystem Essentialdesignprinciplesforusability AqualitativestudyoftheimportanceofdesignforthedevelopmentofeHealth
Läs merDags 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 merDesign 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 mer2.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 merMä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 merKravspecifika.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 merExportmentorserbjudandet!
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 merIntroduktion 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 merDesignmö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 merMä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 merHTML & 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 merTS 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 merWriting 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 merUtvä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 merSOA 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 merSupport 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