Användarcentrerad design Interak3on och informa3on

Storlek: px
Starta visningen från sidan:

Download "Användarcentrerad design Interak3on och informa3on"

Transkript

1 Föreläsning i webbdesign Användarcentrerad design Interak3on och informa3on Rune Körnefors Medieteknik Rune Körnefors

2 Structure Plane our concerns shi9 from more abstract issues of strategy and scope to the concrete factors that will determine what users finally experience. (GarreE, 2011, s. 80) GarreE, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders 2

3 Structure Plane Vad/hur ur ska användaren göra för ae uoöra uppgirer? Vad/Hur? Hur ska informa3onen organiseras och struktureras? Vad? Varför? 3

4 InterakFonsdesign och informafonsarkitektur Interak3onsdesign och informa3onsarkitektur handlar 3ll stor del om: understanding people the way they behave and think. (GarreM, 2011, s. 81) Hur vill vi att det ska fungera för användaren?" Hur uppfattar användarna vad och hur man gör?" GarreE, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders 4

5 KogniFva aspekter UOörandegap (Gulf of execu3on) Avstånd mellan användarens mål och möjlighet ae uppnå dessa med systemet (webbplatsen) The user's way to think and interpret User s goals S3muli Feedback Gulf of evalua3on Tolkningsgap (Gulf of evalua3on) Avstånd mellan systemets Reac3on Response (webbplatsens) representa3on och användarens mål Physical system Gulf of execu3on Ac3on Designer's representa3on of the goals Informa3onsarkitekten (webbdesignern) bör sträva erer ae dessa gap blir så små som möjligt Preece, J., et al. (1994) Human- Computer InteracFon, Addison- Wesley 5

6 InterakFonsdesign Garrett (2011, s ) tar upp:" Conceptual Model (konceptuell modell, begreppsmodell)" Användarnas föreställning, beteende" Konvention, hur man vanligen gör" Error Handling (hantering av användarens fel )" Hur hanterar vi situationer där användaren kan göra fel?" Förhindra" Rätta" Återställa" GarreE, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders 6

7 InformaFonsarkitektur Organisera Dela upp och gruppera i kategorier Var ska olika delar av informa3onen finnas? Strukturera Bestäm lämplig indelning av informa3onen i dokument, objekt, etc. Bestäm rela3onen mellan delarna På vilka sidor och var på sidorna ska informa3onen finnas? 7

8 HiMa informafon Användare vill snabbt hiea den informa3on de söker Användare vill också snabbt kunna se om det de söker ej finns på webbplatsen Olika utgångspunkter Användare: vet vad de söker och vad det heter jag vill ha informafon om TV- apparater vet ungefär vad de vill ha, men ej vad det heter finns det någon mojäng för am koppla ihop datorn och TV:n? vet ej vad de vill ha det här verkar vara intressant, finns det något användbart för mig? 8

9 Tolkningsproblem vid organisering Viss info kan höra hemma i flera kategorier T.ex. en webbplats om filmer där man delat in i ac3on, drama, komedi, thriller, etc. Var placerar man en ac3onkomedi? Rubriker och organisa3on kan tolkas olika av olika personer Den som utvecklar webbplatsen kanske har ee annat perspek3v än användarna. Förstår användarna vad som menas? Olika typer av informa3on (heterogen informa3on) T.ex. en fotoklubb har informa3on om fototeknik: 3ps och råd kameror: test av ee antal kameror fotografer: reportage om några kända fotografer Kan vara svårt ae veta vad som finns bakom rubrikerna 9

10 OrganisaFonsscheman Otvetydiga (exakta) T.ex. alfabe3sk, kronologisk, geografisk Bra då man vet vad det man letar erer heter, eller var det hör hemma i organisa3onen Tvetydiga T.ex. ämne Bra då man inte exakt vet vad man letar erer, eller vad det heter Erbjud, om möjligt, flera alterna3va säe ae hiea fram 10

11 Strukturering Uppdelning i informa3onsobjekt (webbsidor eller delar av dem) och navigeringslänkar mellan dem Några exempel på strukturer: Linjär Cirkulär (Ring) Träd (Hierarkisk) GarreE, J. J. (2011) The Elements of User Experience, 2nd edifon, New Riders, s.92f Felke- Morris, T. (2012) Basics of Web Design, Addison- Wesley Educa3onal Publishers Inc., s.72f 11

12 Övning Studera organisa3on och struktur på t.ex. följande webbplatser: hep://www.coop.se hep://www.skaeeverket.se hep://www.kalmarlansmuseum.se hep://amazing- space.stsci.edu/resources/explora3ons/groundup Exempel på frågor: Hur är webbplatserna organisreade och strukturerade? Vad är det för skillnad på organisa3on och struktur? Vilken funkionalitet finns? Vad är karaktäris3skt för webbplatserna? Vad finns det för likheter och skillnader?... ta fram egna frågor (baserat på det som tas upp i kurslieeraturen). 12

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 i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

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

Läs mer

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

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

Labora&on 3 HTML och struktur övningar/uppgi:er

Labora&on 3 HTML och struktur övningar/uppgi:er Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som

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

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

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

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

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

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

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

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

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

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

Repor&ng CSR. Malin Lindfors Speace Ethos Interna5onal October 2010

Repor&ng CSR. Malin Lindfors Speace Ethos Interna5onal October 2010 Repor&ng CSR Malin Lindfors Speace Ethos Interna5onal October 2010 Agenda Introduc5on CSR CSR repor5ng GRI About Ethos Interna&onal Founded in 2007 Stockholm, Riga and Athens Global and local networks

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

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

Design: Två betydelser

Design: Två betydelser Designprocessen 1 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 final product. The process of originating

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

A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

A utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad A" utveckla kartor med responsiv design Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap)

Läs mer

TDDD52 Databas. Databas. Databas 1/3/13

TDDD52 Databas. Databas. Databas 1/3/13 /3/3 Varje gång jag vill lägga 5ll en film så måste jag ändra i min PHP kod och ladda upp 5ll servern Mina kollegor vill också kunna lägga 5ll filmer, men jag vill inte ge de access 5ll min FTP eller PHP

Läs mer

Textsträngar och formulär i JavaScript

Textsträngar och formulär i JavaScript Föreläsning i webbdesign Textsträngar och formulär i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Antag a4 variabeln s innehåller följande text s = "pics/small/bridge.jpg"

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

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

Visuell design Bilder & färger

Visuell design Bilder & färger 1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning

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

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

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

Labora&on 4 CSS och validering övningar/uppgi9er

Labora&on 4 CSS och validering övningar/uppgi9er Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna

Läs mer

Labora&on 2 HTML och validering övningar/uppgi:er

Labora&on 2 HTML och validering övningar/uppgi:er Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det

Läs mer

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on

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

Loopar och objekt i JavaScript

Loopar och objekt i JavaScript Föreläsning i webbdesign Loopar och objekt i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Programflöde Vanligt sekvendellt flöde InstrukDonerna ugörs en eher en i den

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

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

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

Euroling SiteSeeker. Sökning som en tjänst för webbplatser, intranät och e-handel.

Euroling SiteSeeker. Sökning som en tjänst för webbplatser, intranät och e-handel. Euroling SiteSeeker Sökning som en tjänst för webbplatser, intranät och e-handel. Euroling and SiteSeeker SiteSeeker högpresterande sökplattform Webbplatser, intranät och e-handel som en Appliance eller

Läs mer

Fältstudier och analys

Fältstudier och analys Fältstudier och analys Jan Gulliksen Människa-datorinteraktion IT-institutionen Uppsala universitet http://www.it.uu.se Övningsuppgift I grupper om tre personer Låna ut en mobiltelefon till den som sitter

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

Datorpla(or som pedagogiska verktyg i förskolan Från forskning 8ll prak8k. Malin Nilsen Göteborgs universitet

Datorpla(or som pedagogiska verktyg i förskolan Från forskning 8ll prak8k. Malin Nilsen Göteborgs universitet Datorpla(or som pedagogiska verktyg i förskolan Från forskning 8ll prak8k Malin Nilsen Göteborgs universitet Vem är jag? Förskollärare IKT-pedagog Doktorand i Barn- och ungdomsvetenskap Adjunkt i Barn-

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

Vad kan vi lära oss av posi/v psykologi?

Vad kan vi lära oss av posi/v psykologi? Vad kan vi lära oss av posi/v psykologi? Arbets- och miljö medicinskt vårmöte Uppsala 140410 Lo8a Wallin, Utbildare, handledare, Skövde Högskola PhD student. Organiza/onal health and wellbeing, Lancaster

Läs mer

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

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

Läs mer

Vad är en e- tjänst?

Vad är en e- tjänst? Vad är en e- tjänst? Vad är e. IT- system? E. system för informa8onsbehandling Består av programvara och informa8on Används för informa8onsbehandling och kommunika8on Tradi8onell beskrivning av e. Datoriserat

Läs mer

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

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

Läs mer

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

Värdet av det utförda ligger i utförandet. Albert Einstein

Värdet av det utförda ligger i utförandet. Albert Einstein Värdet av det utförda ligger i utförandet. Albert Einstein Idro%srörelsen 2.0 Kanske ingen revolu4on, men evolu4on! Utmaningar IF:s SF:s svensk idro% Nio samhällstrender/ samhällsförändringar som påverkar

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

Introduk)on )ll dialog. 14 april 2015 Angered

Introduk)on )ll dialog. 14 april 2015 Angered Introduk)on )ll dialog 14 april 2015 Angered Vilka vi är Anna Tiger (S2020) Bernard le Roux (S2020) Maria Lundgren Dellgran (Ung & Trygg) Adam Nilsson (S2020) Emilie Widarsson (Preera) SyTen med dagens

Läs mer

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

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

Läs mer

Att intervjua och observera

Att intervjua och observera Att intervjua och observera (Även känt som Fältstudier ) Thomas Lind Institutionen för informationsteknologi Visuell information och interaktion 2014-01-27 Påminnelser från högre ort Gruppindelning! Välj/Hitta

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

Labora&on 1 Variabler och beräkningar övningar/uppgi9er

Labora&on 1 Variabler och beräkningar övningar/uppgi9er Labora&on 1 Variabler och beräkningar övningar/uppgi9er 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

Vilka linjer är lika stora

Vilka linjer är lika stora Idag Social kogni0on och teknik Sociala aspekter på kogni0on A? göra och tänka som andra gör Sociala rela0oner 0ll tekniska system Annika Wallin LUCS SCAS Konformitet Aschs konformitetsexperiment h?p://www.youtube.com/watch?

Läs mer

Ladok en vik+g del av universitetens/högskolornas verksamhetskommunika+on och e- infrastruktur

Ladok en vik+g del av universitetens/högskolornas verksamhetskommunika+on och e- infrastruktur Ladok en vik+g del av universitetens/högskolornas verksamhetskommunika+on och e- infrastruktur Owen Eriksson Docent i Informa+onssystem (Informa+k) Ins+tu+onen för Informa+k och Media Uppsala Universitet

Läs mer

Designprocessen 2. -konkreta metoder och tekniker

Designprocessen 2. -konkreta metoder och tekniker Designprocessen 2 -konkreta metoder och tekniker Metoder och tekniker Intervjuer Enkäter Observationer Brain storming Body storming Personas Scenarios Story boards Card sorting method Metoder och tekniker

Läs mer

Rapportskrivning Användarcentrerad Design. Anders Lindgren

Rapportskrivning Användarcentrerad Design. Anders Lindgren Rapportskrivning Användarcentrerad Design Introduktion Resultat måste presenteras på ett begripligt och åskådligt sätt Om du inte kan förmedla dina resultat på ett sätt som folk förstår spelar det ingen

Läs mer

Fujitsu Day in Action. Human Centric Innovation. En resa mot tillväxt Santa Maria. Stefan Johansson. 0 Copyright 2016 FUJITSU

Fujitsu Day in Action. Human Centric Innovation. En resa mot tillväxt Santa Maria. Stefan Johansson. 0 Copyright 2016 FUJITSU Fujitsu Day 2016 En resa mot tillväxt Santa Maria Stefan Johansson Human Centric Innovation in Action 0 Copyright 2016 FUJITSU Framtidens affärslösningar är redan här 1 Copyright 2016 FUJITSU ONE Santa

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

Kursintroduk+on etjänster och Webbprogrammering

Kursintroduk+on etjänster och Webbprogrammering Kursintroduk+on etjänster och Webbprogrammering Lärare Owen Eriksson Madelen Hermelin Anton Gunnarsson John Larsson Mathias Peters Viktor Tigerström Kursplan Mål Kunskap och förståelse: - Förklara begreppet

Läs mer

Föreläsning 4: Designprocessen

Föreläsning 4: Designprocessen Föreläsning 4: Designprocessen FSR: 2, 3, (6), 7 Att läsa: Kapitel 9 och 12 i Rogers et al.: Interaction design 4/e 150911 Designprocessen 2 Designprocessenöversikt Introduktion Att involvera användare

Läs mer

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

Föreläsning 4 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign III. Rune Körnefors. Medieteknik Rune Körnefors Föreläsning 4 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign III Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC C Egenskaper för

Läs mer

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Agenda 8.30-8.40 Mobilwebb vilka är vi? 8.40-9.00 Mobila trender och mobilt beteende Vad händer på marknaden? Hur påverkar det mobila beteendet våra affärer?

Läs mer

Mentala modeller. Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se

Mentala modeller. Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se Mentala modeller Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se ABSTRACT Denna artikel fokuserar på begreppet mentala modeller, hur de skapas, när de används och

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya Medier. Gränssnitt, Interaktivitet och Digital kod Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

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

Ett hållbart boende A sustainable living. Mikael Hassel. Handledare/ Supervisor. Examiner. Katarina Lundeberg/Fredric Benesch

Ett hållbart boende A sustainable living. Mikael Hassel. Handledare/ Supervisor. Examiner. Katarina Lundeberg/Fredric Benesch Ett hållbart boende A sustainable living Mikael Hassel Handledare/ Supervisor Examinator/ Examiner atarina Lundeberg/redric Benesch Jes us Azpeitia Examensarbete inom arkitektur, grundnivå 15 hp Degree

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

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2 WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet 2010-12-13 2 1 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) 2010-12-13 3 Tillgänglighet och Användbarhet

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

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

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

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

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

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

RAPPORT REKRYTERING OCH SOCIALA MEDIER

RAPPORT REKRYTERING OCH SOCIALA MEDIER RAPPORT REKRYTERING OCH SOCIALA MEDIER Kontakt: Elisabeth Thörnsten/ Anna Lindström Datum: 7 sept, 2012 Gun PeBersson Tel: 0739 403916 Gun.peBersson@novus.se Annelie Önnerud Åström Tel: 0739 40 37 61 Annelie.astrom@novus.se

Läs mer

This is England. 1. Describe your first impression of Shaun! What kind of person is he? Why is he lonely and bullied?

This is England. 1. Describe your first impression of Shaun! What kind of person is he? Why is he lonely and bullied? This is England 1. Describe your first impression of Shaun! What kind of person is he? Why is he lonely and bullied? 2. Is Combo s speech credible, do you understand why Shaun wants to stay with Combo?

Läs mer

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

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

Läs mer

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 Idag Kogni4v psykologi Visuell percep4on Design principer Introduk4on 4ll examina4onsuppgik i kri4sk analys (inlämning v42) Kogni4on Lat. cognoscere

Läs mer

Moving in and out of contexts in collabora4ve reasoning about equa4ons

Moving in and out of contexts in collabora4ve reasoning about equa4ons Moving in and out of contexts in collabora4ve reasoning about equa4ons Leo Ada Elisabeth Rystedt Tim Studie 2 Analys av hur en annan grupp av tre 12- åriga elever kontextualiserar en uppgie formulerad

Läs mer

Interak(on 3. - Fi/s lag, interak(onsanalys och nya typer av interak(on

Interak(on 3. - Fi/s lag, interak(onsanalys och nya typer av interak(on Interak(on 3 - Fi/s lag, interak(onsanalys och nya typer av interak(on Fi/s lag En matema(sk modell av finmotorisk kontroll Fi/s lag OK Fi/s lag Distance (D) OK Width (W) Fi/s lag Distance (D) OK T = tid

Läs mer

Ledarskap, medarbetarskap och. Maria Nordin Ins4tu4onen för psykologi

Ledarskap, medarbetarskap och. Maria Nordin Ins4tu4onen för psykologi Ledarskap, medarbetarskap och kommunika4on- förutsä9ningar för goda rela4oner på jobbet Maria Nordin Ins4tu4onen för psykologi Denna föreläsning Hälsopromo4on Goda rela4oner Individen Organisa4onen Hur

Läs mer

Lathund ringstromsskog.se

Lathund ringstromsskog.se Lathund ringstromsskog.se Gå in på: http://ringstromsskog.se/wp-admin Användarnamn: Gustaf Lösenord: 2015_Laikan1_kallsand 1. GÖRA INLÄGG PÅ STARTSIDAN För att göra inlägg på startsidan välj inlägg i menyn

Läs mer

Marke&ng Automa&on. i prak'ken. Oskar Klingberg November 2015

Marke&ng Automa&on. i prak'ken. Oskar Klingberg November 2015 Marke&ng Automa&on i prak'ken Oskar Klingberg November 2015 Hur vi underska;ar svårigheterna (men även möjligheterna) med MA Det här är Oskar Entreprenöriel uppväxt Ledarskap sprunget från Försvarsmakten

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

VARFÖR? OFFERT- UNDERLAG FÖRSTA KONTAKT MED ARKITEKT KONTRAKT FAKTISK SLUTBESIKTNING BYGG- START PLANERAD SLUTBESIKTNING ÄTA- ARBETEN

VARFÖR? OFFERT- UNDERLAG FÖRSTA KONTAKT MED ARKITEKT KONTRAKT FAKTISK SLUTBESIKTNING BYGG- START PLANERAD SLUTBESIKTNING ÄTA- ARBETEN - LEAN - EN STRATEGI SOM SÄKERSTÄLLER VÄRDE OCH KUNDNÖJDHET I KOMPLEXA VERKSAMHETER Niklas Modig Handelshögskolan i Stockholm @LeanOnMyself www.facebook.com/niklasmodig @niklas_modig 2013 2014 2015 JUL

Läs mer

Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift

Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift Personlig uppsats i kursen Människa-datorinteraktion Magisterprogrammet MDI/ID 2003 11 03 Mattias Ludvigsson it3luma@ituniv.se

Läs mer

Lektion 3. Anteckningar

Lektion 3. Anteckningar Lektion 3 Anteckningar Fraser: Tid Klockan Uttal (pronunciation) Långa och korta ljud + melodi Grammatik: Word order + Basics of the clause elements Vi lär oss klockan! Halv Kvart i, kvart över Tjugo i,

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

Kompetens vad är det och var sitter den?!

Kompetens vad är det och var sitter den?! Kompetens vad är det och var sitter den?! Marianne'Döös,'professor'i'pedagogik' Ins/tu/onen'för'pedagogik'och'didak/k,'Stockholms'universitet' 20'maj'2015,'Tillsynsforums konferens' marianne.doos@edu.su.se''

Läs mer

Från meddelandeutväxling 2ll seman2sk interoperabilitet. Vitalis 2015 Oskar Thunman @oskthu

Från meddelandeutväxling 2ll seman2sk interoperabilitet. Vitalis 2015 Oskar Thunman @oskthu Från meddelandeutväxling 2ll seman2sk interoperabilitet Vitalis 2015 Oskar Thunman @oskthu Om mig Medicinsk informa2ker Informa2onsarkitekt på Callista Enterprise Regionala, na2onella och interna2onella

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