Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?

Storlek: px
Starta visningen från sidan:

Download "Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?"

Transkript

1 Filmtajm Prototypning Sketch-a-move Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Typer av prototyper Upplösning Pappersprototyper Datorprototyper Verktyg för att bygga datorprototyper Prototypens roll: Evolutionär eller kasta bort Funktion Integrerad Konstruktion Look & Feel 3 4 Detaljgrad Low Fidelity: Ofta gjorda i papper. Används för att testa en design med användare och förutse stora problem till en extremt låg kostnad. High Fidelity: Interaktiva och datorbaserade. Används för att övertyga ledning och andra intressenter om att man tänkt igenom designen ordentligt och att man är på god väg. Kostnaden för dem kan dock vara ganska hög och de kan orsaka orealistiska förväntningar bland kunder. Mixed Fidelity: HiFi i vissa avseende och LoFi in andra. Detaljerad i vilket avseende? Interaktionsrikedom: Representeras transitioner, animeringar och systemrespons på ett realistiskt sätt eller är det statiska skisser? Detaljrikedom i data: Faktiska, eller realistiska, data ger förståelse för om designen passar domänen. 5 6

2 Strategier Bredd i funktionalitet: En bred funktionalitet (t.ex. uttag, insättning, kontoutdrag, betalningar)ger förståelse för hur systemet hänger ihop. Djup i funktionalitet: En detaljerad sekvens av en feature (t.ex. uttag) ger förståelse en hel uppgift. Visuell upplösning: Från handritade skisser till pixelkorrekta mock-uper. Horisontella prototyper ger en övergripande bild av systemet ur användarens perspektiv. Viktiga för att koordinera stora utvecklingsteam. Är ofta evolutionära. Vertikala prototyper testar en viss feature från användargränsnittet och ned i algoritmerna bakom. Validerar ofta designlösningars konstruktion. 7 8 Uppgifts-orienterade prototyper baseras på en uppgiftsanalys där syftet är att testa en uppsättning uppgifter som användarna ska göra i systemet. Inkluderar endast de funktioner som krävs för att göra uppgifterna. Kombinerar bredden av horisontella och djupet av vertikala prototyper. Kallas därför även T-prototyper. Scenariobaserade prototyper påminner om uppgifts-orienterade prototyper men betonar ett realistiskt scenario för hur systemet faktiskt skulle användas i verkliga världen. Går från användningscenarios till designscenarios till prototyp. Hur mycket ska vi implementera? Bygg det om ni kan bygga det. Fejka det om ni inte kan bygga det. Om ingen kan bygga det så är det fel på er design Pappersprototyper Görs tidigt i utvecklingsprocessen för att utforska idéer Interaktiva! Billiga, snabba och portabla Lätta att ändra, kan t.o.m. skapas under en session med användare Användare har lätt att föreslå förändringar Vad vill du testa? Ju finare de är desto mer fokuserar användare på utseende 11 12

3 Fysisk mock-up 1:1 eller skalmodeller ungefär som arkitekter använder Kartong, lego, styrofoam Får systemdesigners att tänka 3D och fysiska begränsningar 17 18

4 Wizard-of-Oz Gör att man kan testa en avancerad AI eller parsning för att se om och hur den borde konstrueras. Ger användarna intrycket av att de jobbar med ett verkligt system utan att något sådant faktiskt existerar. Kan också användas för att bygga upp en korpus som sedan driver ett naturligt språkgränssnitt. Styrs helt eller delvis av en wizard som tittar på vad användaren gör och ger systemresponsen Videoprototyper Linjära illustrationer av hur användare interagerar med det nya systemet Kan bygga på pappersprototyper, fysiska mock-upper, existerande mjukvara och bilder av faktiska miljöer Utgå från ett scenario, och gör en storyboard för filmen Ta fram what-if-scenarios och flytta omkring delar av storyboardsen för att sätta ihop sekvenser av klipp Filma klippen i rätt ordning utifrån storyboard för att slippa redigera och klippa så mycket 21 Starfire: En vision från Sun Microsystems som förutsäger och guidar utvecklingen av framtidens datorer. 100 ingenjörer, designers, visionärer och filmskapare föreställer sig en dag i en kunskapsarbetares liv i det fjärran Screen casts: Linjär datorprototyp Körbara datorprototyper En film av hur skärmen ser ut när användaren kör ett scenario. Helt linjär och görs vanligen i program som Director och Flash. Kan också göras i Powerpoint eller Keynote med efterbehandling i MovieMaker, imovie eller AfterEffects. Påminner om slutprodukten och görs senare i utvecklingscykeln Testar känsla och detaljerad interaktion Jobbigt att ändra och en felaktig detalj kan stoppa upp testningen Används oftast när man inte kan visa en feature med papper, mock-up, wizard of oz eller analog videoprototyp. Börja med en storyboard! Kan göras med stop: stannar vid varje steg och väntar på input. Men endast en sak går att göra för att ta sig vidare till nästa steg

5 Iterativa och evolutionära prototyper Byggs inte primärt för att testa en design utan för att både testa och bygga vidare på. Görs i traditionella utvecklingsmiljöer, men gärna med GUI-byggare Sådana miljöer har ofta färdiga bibliotek. De gör det snabbt enkelt att använda standardkomponenter. De får en lätt att låsa sig vid standardkomponenter och inte tänka på nya interaktionstekniker XHTML Verktyg för att bygga datorprototyper Presentationsverktyg: PowerPoint, Keynote, Acrobat, FireWorks, OmniGraffle, Visio Multimediaverktyg: Director, Flash, Expression, Real Studio Specialiserade prototypningsverktyg: Flash Catalyst, Expression Blend, Axure Grafiska programmeringsmiljöer: Interface Builder, Visual Studio Express, LiveCode, Eclipse

Prototypning och heuristisk utvärdering

Prototypning och heuristisk utvärdering Filmtajm Prototypning och heuristisk utvärdering! Sketch-a-move http://vimeo.com/5125096 Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Prototypens roll: Evolutionär

Läs mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

Läs mer

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist Tjänsteprototypning Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari 2011 Johan Blomkvist johan.blomkvist@liu.se UPPLÄGG Upplägg - tillbakablick Vad har vi gjort hittills? Tjänstedesignens

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

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

Läs mer

Gestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut

Gestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut Innehåll Gestaltningstekniker Allmänt Tekniker Designmöten Visuell attraktivitet Gestaltningstekniker & kommunikation Johan Åberg För bättre kvalitet i designprocessen ALLMÄNT Samla tillräckligt med information

Läs mer

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva

Läs mer

HUMAN-CENTERED SYSTEMS Stefan Holmlid

HUMAN-CENTERED SYSTEMS Stefan Holmlid 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

Föreläsning 8, Design

Föreläsning 8, Design Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper

Läs mer

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Prototyping Innehåll Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Individuell inlämningsuppgift Vad är en prototyp? En prototyp är

Läs mer

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Prototyping Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades

Läs mer

Hi fi prototyping. Johanna Persson MAM nov 2014

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

Läs mer

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards

Läs mer

Vad vi pratade om förra gången. Fast med andra ord

Vad vi pratade om förra gången. Fast med andra ord Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera

Läs mer

Wireframeskisser, pappersprototyper och heuristisk utvärdering

Wireframeskisser, pappersprototyper och heuristisk utvärdering 3 5 4 6 Dagens föreläsning Wireframeskisser, pappersprototyper och heuristisk utvärdering Mattias Arvola Institutionen för datavetenskap Designmönster Wireframes Wireflows Sitemaps Pappersprototyper Heuristisk

Läs mer

Tjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS

Tjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS Tjänsteprototypning och tjänsterepresentationer Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Dagens föreläsning Tjänsteperspektiv Konceptualiseringar av tjänsteprototyper Tjänsteprototypning 2 Prototyp

Läs mer

14-24-1 DESIGNMETODER. Koncep;asen - Målträd. Dagens föreläsning. Effektkartläggning. Effektkartläggning - Projektmål. Effektkartläggning - Effektmål

14-24-1 DESIGNMETODER. Koncep;asen - Målträd. Dagens föreläsning. Effektkartläggning. Effektkartläggning - Projektmål. Effektkartläggning - Effektmål Dagens föreläsning DESIGNMETODER TDP022 - interak/va system KoncepAasen - Målträd Användarnära design Prototypning Konceptdesign Detaljdesign Aseel Berglund IDA - Ins/tu/onen för datavetenskap 2 Effektkartläggning

Läs mer

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

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

Läs mer

Kravhantering med prototyp

Kravhantering med prototyp Kravhantering med prototyp Mona Lif www.logica.se/userexperience Logica 2008. All rights reserved Kravhantering med prototyp - agenda Fördelar med att använda prototyp Hur gör man Prototyp vs textuellt

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

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

Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.

Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Karin Fahlquist Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Viktigt att se från andra personers perspektiv Abatrakta idéer kommer till liv Utforska

Läs mer

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

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

Läs mer

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»

Läs mer

INTERAKTIONSDESIGN: VAD & HUR?

INTERAKTIONSDESIGN: VAD & HUR? INTERAKTIONSDESIGN: VAD & HUR? Interaktionsteknik & Design, HT-13 Evelina Fagertun evelinafagertun@gmail.com VAD? Vad är interaktionsdesign? HUR? Hur skapar vi bra design? INTERAKTION Wiki: Interaktion

Läs mer

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se Agila Metoder Nils Ehrenberg nils.ehrenberg@mah.se Agenda Agila Metoder: Scrum och sprints Lean och Design Workshops Kravställning Agil Utveckling Individer och interaktioner istället för processer Fungerande

Läs mer

Granskning av gränssnitt. Mattias Arvola

Granskning av gränssnitt. Mattias Arvola Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,

Läs mer

Interaktionsdesign som profession. Föreläsning Del 2

Interaktionsdesign som profession. Föreläsning Del 2 Interaktionsdesign som profession Föreläsning Del 2 Vikten av att göra research Varför behöver vi göra research? En produkt blir aldrig bättre än den data som denna baseras på Men Vi har redan gjort en

Läs mer

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc. Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Teman för föreläsningen. Gestaltlagarna Layout Typografi

Teman för föreläsningen. Gestaltlagarna Layout Typografi Teman för föreläsningen Gestaltlagarna Layout Typografi Gestaltlagarna Lagen om likhet Gestaltlagarna Gestaltlagarna Gestaltlagarna Lagen om närhet Gestaltlagarna Gestaltlagarna närhet likhet kontinuitet

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

Introduktion av Trailer/Uppsamling

Introduktion av Trailer/Uppsamling Dokument till lare: Introduktion av Trailer/Uppsamling Introduktion av uppsamling: Trailer och klappövning Lektionsupplägg för 75 min. Underlag till ca 24 elever Gymnasium: kursen Estetisk kommunikation

Läs mer

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik

Läs mer

HUMAN-CENTERED SYSTEMS Stefan Holmlid

HUMAN-CENTERED SYSTEMS Stefan Holmlid 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

Kommunikationsorienterad. visuell design

Kommunikationsorienterad. visuell design Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg

Läs mer

Användarcentrerad Systemutveckling

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

Läs mer

Din idé Vår verklighet VIRTUELLT

Din idé Vår verklighet VIRTUELLT 3D Din idé Vår verklighet 3D VIRTUELLT BAKGRUND 3D som verktyg har fått ett rejält uppsving de senaste åren. Att använda 3D som presentationsverktyg blir allt mer vanligt. 3D har används flitigt inom filmindustrin

Läs mer

Grupp 3. Projektplan

Grupp 3. Projektplan Grupp 3 Anna, Fredrik, Thomas, William, Camilla W, Camilla L Projektplan Nuvarande projektplan. Senaste versionen, uppdaterad 25 februari 2010 Innehållsförteckning Den slutgiltiga hifi prototypen... 3

Läs mer

Grundläggande programmering med matematikdidaktisk inriktning för lärare som undervisar i gy eller komvux gy nivå, 7,5 hp

Grundläggande programmering med matematikdidaktisk inriktning för lärare som undervisar i gy eller komvux gy nivå, 7,5 hp Grundläggande programmering med matematikdidaktisk inriktning för lärare som undervisar i gy eller komvux gy nivå, 7,5 hp Dag Wedelin, bitr professor, och K V S Prasad, docent Institutionen för data- och

Läs mer

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Microsoft Expression Blend + Sketch Flow

Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Människa-Datorinteraktion. HCI text

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

Läs mer

Redigeringsteknik och postproduktion

Redigeringsteknik och postproduktion Interaktionsdesign- Process Olika förhållningssätt till designprocessen: Utgångspunkter- perspektiv på design Övergripande processen Detaljerat förfarande- iterativ och konceptuell design Introducera en

Läs mer

Chaos om datorprojekt..

Chaos om datorprojekt.. Systemutveckling och användbarhet Användarcentrerad systemutveckling, gränssnitt och prototyper. Referens till avsnitt i kursboken Dix kapitel 6 Gulliksen, Göransson: Användarcentrerad systemdesign, kapitel:

Läs mer

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb Mediaverktyg Grafik Video Ljud Animationer Strömmande media Webb Björn Thuresson November 2003 1 Följande lista är inte heltäckande, men ger exempel på relevanta, användbara och spridda datorverktyg för

Läs mer

Kommentarer till MDI tentamen 081003

Kommentarer till MDI tentamen 081003 Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och

Läs mer

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

Förbered och planera bildmanuset

Förbered och planera bildmanuset Del av Kapitel 4: Förbered och planera bildmanuset I detta kapitel kommer du att: Omvandla ditt manus till ett bildmanus Lägga till bildmanusguider Planera för de bilder som ska visas på skärmen Skriva

Läs mer

Introduktion och grunder

Introduktion och grunder Filmtajm Introduktion och grunder! Siftables http://www.youtube.com/watch?v=ol6sqhfad3w&nr=1 INTERAKTIVA SYSTEM Mattias Arvola Institutionen för datavetenskap 2 Gränssnittet är systemet! Lärare! Mattias

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design?

Läs mer

Viktiga begrepp. Algoritm. Array. Binärkod. Blockprogrammering. Bugg / fel och felsökning. Dataspel. Dator

Viktiga begrepp. Algoritm. Array. Binärkod. Blockprogrammering. Bugg / fel och felsökning. Dataspel. Dator Viktiga begrepp Den här ordlistan är till för dig som går kursen Om Programmering. Eftersom detta är en grundläggande kurs har vi i vissa fall gjort en del förenklingar. En del begrepp är svåra att förenkla,

Läs mer

Introduktion till Adobe Acrobat Connect Pro

Introduktion till Adobe Acrobat Connect Pro Introduktion till Adobe Acrobat Connect Pro I denna guide beskrivs hur man använder Adobe Acrobat Connect Pro samt användning av headset och webbkamera. Skapad: 2009-07-03 Version: 1.1 1 Innehåll Hur startar

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

Bakgrund och motivation. Definition av algoritmer Beskrivningssätt Algoritmanalys. Algoritmer. Lars Larsson VT 2007. Lars Larsson Algoritmer 1

Bakgrund och motivation. Definition av algoritmer Beskrivningssätt Algoritmanalys. Algoritmer. Lars Larsson VT 2007. Lars Larsson Algoritmer 1 Algoritmer Lars Larsson VT 2007 Lars Larsson Algoritmer 1 1 2 3 4 5 Lars Larsson Algoritmer 2 Ni som går denna kurs är framtidens projektledare inom mjukvaruutveckling. Som ledare måste ni göra svåra beslut

Läs mer

Profilinfo DPU3 Teknisk Design

Profilinfo DPU3 Teknisk Design Profilinfo DPU3 Teknisk Design Masterspecialiseringar Starka master specialiseringar som står sig väl i internationell konkurrens Specialiseringarna har en stark forskningsöverbyggnad för att vara livskraftiga

Läs mer

Datorer och Människa-Maskin-Interaktion

Datorer och Människa-Maskin-Interaktion Mälardalens högskola Institutionen för Datavetenskap Datorer och Människa-Maskin-Interaktion Tomas Billborn Vetenskapsmetodik för teknikområdet CT3620 5p B-nivå 1 Sammanfattning Våra verktyg och redskap

Läs mer

create+ Interactive Scene Redaktörshandbok episerver

create+ Interactive Scene Redaktörshandbok episerver episerver create+ A PRODUCT IN THE EPiSERVER CREATE+ PACKAGE Version 1.2.1 Interactive Scene With Interactive Scene, putting together interactive presentations is quick and easy. Communicate your message

Läs mer

Layout. Proportioner. Layout: Proportioner

Layout. Proportioner. Layout: Proportioner Layout Proportioner Layout: Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett:

Läs mer

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande

Läs mer

Chaos om IT-projekt..

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

Läs mer

Bygga kurser för mobila enheter

Bygga kurser för mobila enheter Bygga kurser för mobila enheter NETCOMPETENCE 2017-10-30 Innehåll Inledning... 2 Om Responsive Design och Adaptive Design... 3 Responsive Design... 3 Adaptive Design... 3 Exempel... 4 Tips och rekommendationer...

Läs mer

Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet

Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet martin östlund 2008 Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet Medium fidelity prototyping/testning» Använda

Läs mer

Praktikum i programvaruproduktion

Praktikum i programvaruproduktion Praktikum i programvaruproduktion Introduktion Föreläsare/Ansvarig: Pontus Boström Email:pontus.bostrom@abo.fi Rum A5055 Assistent: Petter Sandvik Email: petter.sandvik@abo.fi Rum: A5048 Föreläsningar:

Läs mer

Prototyping - faser, typer och potentiell problematik

Prototyping - faser, typer och potentiell problematik Prototyping - faser, typer och potentiell problematik Josefin Karlsson KTH Kungliga Tekniska Högskolan CSC Skolan för datavetenskap och kommunikation josefink@kth.se Maria Wikforss KTH Kungliga Tekniska

Läs mer

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm

Läs mer

P R O J E K T : D I C E

P R O J E K T : D I C E P R O J E K T : D I C E Ett projektarbete i svenska, entreprenörskap och engelska, riktat mot DICE. Thoren Innovation School HT2013. UPPDRAG Uppgiften är att arbeta med den första delen av utvecklingsprocessen

Läs mer

Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012.

Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. PROJEKT: DICE Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. UPPDRAG Uppgiften är att arbeta med den första delen av teknikutvecklingsprocessen d.v.s.

Läs mer

Programmering, dans och loopar

Programmering, dans och loopar Lektionen är en introduktion till programmering; träna loopar med analog dansprogrammering. Lektionsförfattare: Karin Nygårds Till läraren 1. En loop 2. Varför behövs loopar? En digital lektion från https://digitalalektioner.iis.se

Läs mer

Våra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder.

Våra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Våra designmål Roligt Lättnavigerat Lekfull Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Vårt koncept En app med ett spel där vädret är i fokus. Användaren tar sig vidare i spelet genom

Läs mer

Syfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket?

Syfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket? Jonas Kvarnström jonkv@ida.liu.se 2013 Syfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket? Rena OO-språk (allt är objekt) Scala, Smalltalk, Eiffel, Ruby,

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake Inst. för Designvetenskaper, LTH Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt

Läs mer

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? 1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,

Läs mer

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling Daniel Wetter Senior UX- Interaktion och tjänsteutveckling Design fungerar när den lyckas förmedla idéer väl på enklaste möjliga sätt. Interaktionsdesign fokuserar speciellt på hur en användare interagerar

Läs mer

ANPASSNING FÖR ÖVERLEVNAD: 3 SÄTT ATT ANPASSA SIG TILL FÖRÄNDERLIG MILJÖ

ANPASSNING FÖR ÖVERLEVNAD: 3 SÄTT ATT ANPASSA SIG TILL FÖRÄNDERLIG MILJÖ ANPASSNING FÖR ÖVERLEVNAD: 3 SÄTT ATT ANPASSA SIG TILL FÖRÄNDERLIG MILJÖ Praktiska råd för projektörer 5 MINUTERS LÄSTID ANPASSNING FÖR ÖVERLEVNAD Den hårda konkurrensen i en osäker ekonomi kombinerat

Läs mer

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al. Föreläsning 3 Användare, uppgift och omgivning Kapitel 3-4 i Stone et al. Från föregående föreläsning Kravinsamling med användare i fokus genom Observationer i verkliga situationer Konstruera uppgifter

Läs mer

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet Fö 2: Designprocessen Metoder Mål: att förstå användaren, uppgiften, situationen och tekniken (PACT) Hur hänger det ihop? Men först: projektet Projektet Användarstudier och analys av befintligt system

Läs mer

Till elev: Block: Trailer/ Introduktion. Vad ska du göra? Varför ska du göra detta? Material: Hur ska du arbeta?

Till elev: Block: Trailer/ Introduktion. Vad ska du göra? Varför ska du göra detta? Material: Hur ska du arbeta? Till elev: Block: Trailer/ Introduktion Vad ska du göra? Ni ska lyssna och titta på PowerPoint som går igenom vad vi ska göra under det h blocket. Vi gör en klappövning för att förstå klippteknik och börjar

Läs mer

Concept Selection Chaper 7

Concept Selection Chaper 7 Akademin för Innovation, Design och Teknik Concept Selection Chaper 7 KPP306 Produkt och processutveckling Grupp 2 Johannes Carlem Daniel Nordin Tommie Olsson 2012 02 28 Handledare: Rolf Lövgren Inledning

Läs mer

Interaktiva Bibliotek. Eva Eriksson. IDC Interaction Design Collegium

Interaktiva Bibliotek. Eva Eriksson. IDC Interaction Design Collegium Interaktiva Bibliotek Eva Eriksson Innehåll Children s Interactive Library, Århus Danmark Ubiquitous Computing, Chalmers Göteborg The Interactive Children s Library Interactivespaces.net Aarhus School

Läs mer

Industridesign. Mälardalens Högskola. KPP306 Produkt- och processutveckling

Industridesign. Mälardalens Högskola. KPP306 Produkt- och processutveckling Mälardalens Högskola Industridesign KPP306 Produkt- och processutveckling Seminariegrupp 6: Christoffer Löfstrand, Jan-Peter Rosén, Joakim Vasilevski 2012-02-28 Innehållsförteckning Inledning... 2 Vad

Läs mer

Introduktion till Adobe Acrobat Connect. I denna guide beskrivs hur man använder Adobe Connect samt användning av headset och webbkamera.

Introduktion till Adobe Acrobat Connect. I denna guide beskrivs hur man använder Adobe Connect samt användning av headset och webbkamera. Introduktion till Adobe Acrobat Connect I denna guide beskrivs hur man använder Adobe Connect samt användning av headset och webbkamera. Innehåll Hur startar jag ett möte i Adobe Connect?... 3 Hur är ett

Läs mer

Operatörer och användargränssnitt vid processtyrning

Operatörer och användargränssnitt vid processtyrning Operatörer och användargränssnitt vid processtyrning Normativa och beskrivande analyser Uppsala universitet @ 2003 Anders Jansson Sammanfattning kap. 1 Sociotekniska system Många olika grupper av användare

Läs mer

USB C DisplayPort-adapter - 3 portar - USB C till DisplayPort MST-hubb - USB Type C skärmhubb

USB C DisplayPort-adapter - 3 portar - USB C till DisplayPort MST-hubb - USB Type C skärmhubb USB C DisplayPort-adapter - 3 portar - USB C till DisplayPort MST-hubb - USB Type C skärmhubb Product ID: MSTCDP123DP Med denna MST-hubb kan du ansluta tre DisplayPort-skärmar till din USB-C -dator. MST

Läs mer

TDP025. Entreprenöriell programmering. Marcus Bendtsen Institutionen för Datavetenskap (IDA)

TDP025. Entreprenöriell programmering. Marcus Bendtsen Institutionen för Datavetenskap (IDA) TDP025 Entreprenöriell programmering Marcus Bendtsen Institutionen för Datavetenskap (IDA) Examensordningen I examensordningen står det att, för alla kandidatexamina skall (bland andra) följande mål uppnås:

Läs mer

Design och Prototyping

Design och Prototyping Design och Prototyping 23/10 2002 Christina von Dorrien Läsanvisningar: Kap 2.3-2.6, Kap 8.1-8.3 Från analys till design Hur går man från analys- och krav dokument till en design av en produkt eller ett

Läs mer

NT- GYMNASIET UPPGIFT I DIGITALT SKAPANDE JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM

NT- GYMNASIET UPPGIFT I DIGITALT SKAPANDE JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM Ett konfektyrföretag ska ge ut en jubileumskartong och dra fördel av att en viss artist har varit verksam i 25 år eller någon annan särskild anledning till att

Läs mer

Studentguide Adobe Connect Pro

Studentguide Adobe Connect Pro Studentguide Adobe Connect Pro 2009-11-10 Inloggning För att vara med i ett möte behöver du inte installera någon programvara utan allt som behövs på din dator är Adobe Flash Player. Det programmet finns

Läs mer

Min syn på visuella verktyg i produktutvecklingsprocessen

Min syn på visuella verktyg i produktutvecklingsprocessen Min syn på visuella verktyg i produktutvecklingsprocessen Mälardalens Högskola Philip Åhagen 4/13/2011 Innehåll Sammanfattning... 3 Ordlista... 4 Inledning... 4 Skisser... 5 Varför skissa?... 5 Olika typer

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

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

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

Läs mer

Analys och design. Objekt. Klass. med hjälp av CRC. Klassdiagram

Analys och design. Objekt. Klass. med hjälp av CRC. Klassdiagram Analys och design med hjälp av CRC 83 Klassdiagram Objekt Ett objekt är en individuellt identifierbar entitet som kan vara konkret eller abstrakt. Ett objekt har tillstånd, beteende och identitet. Reellt,

Läs mer

Spel som interaktiva berättelser. Mer teoretiserande!

Spel som interaktiva berättelser. Mer teoretiserande! Spel som interaktiva berättelser Mer teoretiserande! Design Ett sätt att betrakta författandet av icke-linjära, interaktiva berättelser är som design. Def: Design är den process där en designer skapar

Läs mer

Tentamen, InteraktionsDesign, 7,5 ECTS

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

Läs mer

En guide för att förbättra noggrannheten.

En guide för att förbättra noggrannheten. FileMaker Developer Conference 2017 Presenter Series En guide för att förbättra noggrannheten. En guide till ökad korrekthet. Deborah Zempel, Deborah Zempel Consulting FileMaker Developer Conference DevCon

Läs mer

TDDD26 Individuell projektrapport

TDDD26 Individuell projektrapport TDDD26 Individuell projektrapport Kort beskrivning av projektet Vi hade som projekt att utveckla en digital media servicer som skulle hjälpa filmentusiasten att organisera sitt filmbibliotek. Programmet

Läs mer

Temperaturmätare med lagringsfunktion DIGITALA PROJEKT EITF11 GRUPP 14, ERIK ENFORS, LUDWIG ROSENDAL, CARL MIKAEL WIDMAN

Temperaturmätare med lagringsfunktion DIGITALA PROJEKT EITF11 GRUPP 14, ERIK ENFORS, LUDWIG ROSENDAL, CARL MIKAEL WIDMAN 2016 Temperaturmätare med lagringsfunktion DIGITALA PROJEKT EITF11 GRUPP 14, ERIK ENFORS, LUDWIG ROSENDAL, CARL MIKAEL WIDMAN Innehållsförteckning INLEDNING... 3 KRAVSPECIFIKATION AV PROTOTYP... 3 FUNKTIONELLA

Läs mer

XP-projekt: En fördjupning

XP-projekt: En fördjupning XP-projekt: En fördjupning Extreme Programming Martin Karlsson marka@itn.liu.se K7522 011 36 34 63 Fem värden Kommunikation Var öppna Var ärliga Ta konflikter Diskutera Tag beslut Tag ansvar Kräver feedback,

Läs mer

Datalogiskt tänkande är mer än Programmering. Fredrik Heintz Linköpings universitet

Datalogiskt tänkande är mer än Programmering. Fredrik Heintz Linköpings universitet Datalogiskt tänkande är mer än Programmering Fredrik Heintz Linköpings universitet Vad kommer jag säga idag? Datalogiskt tänkande är en uppsättning generella färdigheter och attityder som är viktiga för

Läs mer

Design Metoder & Tekniker. Design Metoder & Tekniker. Bakgrund. Metoder och Tekniker

Design Metoder & Tekniker. Design Metoder & Tekniker. Bakgrund. Metoder och Tekniker Design Metoder & Tekniker Design Metoder & Tekniker Designarbete är en kreativ process, med många likheter med andra skapande processer. Processer där materialkämnedom, tillgång till goda verktyg, samt

Läs mer

ToDo ios-applikation. Mikael Östman. Mikael Östman - mo22ez Linnéuniversitetet

ToDo ios-applikation. Mikael Östman. Mikael Östman - mo22ez Linnéuniversitetet ToDo ios-applikation Mikael Östman 201205 Mikael Östman - mo22ez Linnéuniversitetet mo222ez@student.lnu.se Abstrakt Detta är en slutrapport för det projekt jag bedrivit inom ramen för kursen Individuellt

Läs mer

Arbetet började med en ganska rejäl research och uppräkning av situationer, användare och kvaliteter.

Arbetet började med en ganska rejäl research och uppräkning av situationer, användare och kvaliteter. [Avsiktligt tom.] Med hjälp av några exempel ur min egen designpraktik (och mina studenters) ska jag försöka lyfta fram några saker som utmärker interaktionsdesign för mig. Ett studentarbete under ganska

Läs mer