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

Storlek: px
Starta visningen från sidan:

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

Transkript

1 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 designkoncept & idéer med andra Översikt zooma in filtrera detaljer Snapshopts Mot olika personer: kollegor, kunder, användare 1

2 Fungerar som inspiration Samlar visuella stimuli som fångarna känslan av designen Foto, bilder, färger, textiler, former, tidningsrubriker, citat, Alternativ: adjektiv Från filmens värld Nyckelhändelser i seriefigur stuk (tecknat) Beskriver interaktiva händelsen Koppla till scenario Kunder 2

3 Beskriver hur användaren flyttar sig genom siten/applikationen Varje sida= en box eller rubrik, visa hur flödet går mellan sidorna Behövs oftast skrivas om under arbetets gång Mind mapping Rita på whiteboard Skriva på postit lappar Demonstrera ett koncept i ett tidigt stadium Testa detaljer i ett senare stadium Som en specifikation för den färdiga produkten 3

4 En prototyp är alltid INTERAKTIV Prototyp används för att involvera användare & kunder för att utvärdera design ideér Lo-fi Prototyp: pappers prototyp Hi-fi Prototyp: ser ut och känns som den slutliga produkten Full: full funktionalitet Horisontell: går över hela systemet men har bara topp nivå funktioner Vertikal: har alla funktioner uppifrån och ner, men bara på några få ställen (Vanligt med en kombination av Horisontell och Vertikal.) 4

5 Maximum Feedback for Minimum Effort Citat ur Paper prototyping av Carolyn Snyder Diskussionsunderlag (gränssnittsdesigners, säljare, grafiker, programmerare och beställare!) Tidig återkoppling från användare Möjliggör iterativ utveckling Kräver inte teknisk kompetens Uppmuntrar kreativitet (Parallell design, bestäm en tidigt ) Designa användarupplevelse Ta fram visuell design - Kreativitet med papper och penna - Flera liknande sidor, kopiera - Ändra? Koda beteendet - Realistiska data i prototypen, greeking - Sent i processen - Pappersprototyp = 0% kod! 5

6 Helper Kit Lo-Fi prototyp 10 Video exempel 6

7 En tjock bunt med papper Sax En lite grövre penna Transparent tape Overheadplast Klister som på post-it-lappar mm 7

8 Interface widgets ung. grafiska användargränssnittskomponenter Läs uppkopierade sidor runt hur man kan skapa Widgets och hur man kan simulera interaktion baserat på dessa. Ditt nya förslag är mycket bättre. Jag ändrar på direkten Men jag gjorde på detta sättet för att Jag har lagt två veckor på detta arbete. Är det säker på att detta är vad du vill ha - Isbergseffekten! 8

9 Användarmål Era frågor 1) Bestäm målsättning med testet 2) Definiera målgrupp (-er) 3) Skapa relevanta uppgifter 4) Skapa pappersprototyp 5) Intern genomgång (minst en) 6) Genomför tester (minst två) 7) Prioritera åtgärder 8) Kommunicera Bra uppgifter är relevanta för testanvändaren är relevanta för produkten och affärerna har ett realistiskt fokus har ett ändligt/förutsägbart antal lösningar vet man när man klarat uppmuntrar till handling, inte till åsikter 9

10 Förbered observatörer Samla in frågor från gruppen (se nästa bild) Uppskatta tidsåtgång Besluta om ifall du ska styra testet - Vad är du minst säker på? - Vilka finns de största riskerna ur ett affärsperspektiv? - Vilka viktiga designbeslut behöver fattas? - Var har vi tidigare erhållit negativ feedback? - Finns det kritiska uppgifter för användaren? - Har vi nya delar? 1. Instruerar observatörer och andra (innan) 2. Samlar in fakta om testanvändaren (-arna) 3. Förklarar hur testet går till 4. Beskriver uppgifter 5. Uppmuntrar till att tänka högt 6. Går igenom testet med observatörer (efter) 10

11 Under testet: - Uppmuntra att tänka högt - Uppmuntra till att ställa frågor, men svara inte! - Använd samma vokabulär - Ställ öppna frågor - Lyssna efter hmm, aha, ops - Låt användaren bestämma när den är klar Grafisk designer Dator Design reviews X Lo-Fi PNG PDF Test 7D $79 Popular Mockup Windows, Mac, and Linux via Adobe Air. Middle HTML, PNG, document and PDF. Free Open source Firefox addons, standalone using XULRunner Hi-Fi HTML, PNG, Specification. Test 30 D $589 Popular Prototyping PC, Mac Hi-Fi HTML5, CSS3 styles, and JavaScript $30 Mac Hi-Fi HTML5, CSS3 styles, and JavaScript Preview version Mac OS X v10.6 or 10.7 and Windows 7 or Windows Vista. 11

12 Balsamiq ( 12

13 13

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

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

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

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

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

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

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

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

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

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Kursplan Webbutveckling 2, 100p Läsår 2013-2014

Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Webbutveckling 2 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka Tema

Läs mer

Interaction Design. Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling

Interaction Design. Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling Interaction Design Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling Innehåll Resultat Metodarbete Lärdomar Resultat Monokrom 94 96 pixlar Resultat Resultat Resultat Resultat Resultat

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

Formulär, textsträngar och en del annat

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

Läs mer

Kursplan Gränssnittsdesign, 100p Läsår

Kursplan Gränssnittsdesign, 100p Läsår Kursplan Gränssnittsdesign, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka

Läs mer

Projektet. TNMK30 - Elektronisk publicering

Projektet. TNMK30 - Elektronisk publicering Projektet TNMK30 - Elektronisk publicering Gruppindelning projekt Valfria grupper ~4 per grupp TNM088 - Digitala media-grupperna är ok Projektgrupper 4 personer Jämna par Lika arbete för små grupper Anmäl

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

Wireframe när, vad, hur och varför?

Wireframe när, vad, hur och varför? Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.

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

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst? Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man

Läs mer

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

Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende? Filmtajm Prototypning Sketch-a-move http://vimeo.com/5125096 Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Typer av prototyper Upplösning Pappersprototyper Datorprototyper Verktyg

Läs mer

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

Förslag på lektionsupplägg: Dag 1- en lektionstimme

Förslag på lektionsupplägg: Dag 1- en lektionstimme MiniKonsulter Fångar upp elevernas naturliga kreativitet och nyfikenhet genom problemlösning i arbetslivet samt ökar elevernas naturliga intresse för problemlösning och innovationer. Skapar och bibehåller

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

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

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

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

Teknikprogrammet, inriktning informations- och medieteknik

Teknikprogrammet, inriktning informations- och medieteknik Teknikprogrammet, inriktning informations- och medieteknik Varför välja oss? Kursplan Presentation av våra datatekniska kurser Eftersom företag mycket sällan anställer gymnasieelever (de vill att ni ska

Läs mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

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

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

Övningar hösten HUMAN-CENTERED SYSTEMS Stefan Holmlid

Övningar hösten HUMAN-CENTERED SYSTEMS Stefan Holmlid Övningar hösten 2011 I detta dokument finns ett antal designövningar. Dessa kan ni närsomhelst ta tag i och genomföra. För att utvecklas. För att det är kul. För att det är utmanande. E1 Bruksfokus Tanken

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

Test och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini

Test och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini Test och utvärdering - introduktion Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping

Läs mer

Projektuppgift.

Projektuppgift. Projekt Projektuppgift Designa och implementera ett webbaserat gränssnitt för att söka information i en befintlig databas. Webssidan ska vara komplett med navigering, överblick, sökning och strukturerad

Läs mer

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

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

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

Webbutveckling Laboration 1: HTML5 och CSS3.

Webbutveckling Laboration 1: HTML5 och CSS3. Institutionen för 2015-11-30 Tillämpad fysik och elektronik Karin Fahlquist Webbutveckling Laboration 1: HTML5 och CSS3. Målsättning Att skapa en webbplats genom att först skapa en Lo-fi prototyp och sedan

Läs mer

Examensarbete. Teknikområde: Digital bildbehandling. Rubrik: Tactical overlay system, del III. Arbetsuppgifter: Signalbehandling av IR-bild

Examensarbete. Teknikområde: Digital bildbehandling. Rubrik: Tactical overlay system, del III. Arbetsuppgifter: Signalbehandling av IR-bild Teknikområde: Digital bildbehandling Rubrik: Tactical overlay system, del III Arbetsuppgifter: Signalbehandling av IR-bild Arbetet bygger på ett tidigare examensarbete, grundläggande funktionalitet finns

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

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

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

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Pappersprototyper Designexempel Listor (Tidwell kap.5, List of Things)

Läs mer

2 SPD - ett realtidsystem för distansundervisning

2 SPD - ett realtidsystem för distansundervisning 1 FÖRUTSÄTTNINGAR 1 1 Förutsättningar Vårt verktyg, SPD, är tänkt som ett kompliment till befintliga distansundervisningssytem, tex Luvit. Det är alltså inte ett fristående program. Funktioner som chat,

Läs mer

Bakgrund. Presentation av uppgiften. Flygbolaget ger er i uppgift att: Målanalys. Tänk igenom. Syfte med målanalys

Bakgrund. Presentation av uppgiften. Flygbolaget ger er i uppgift att: Målanalys. Tänk igenom. Syfte med målanalys Presentation av uppgiften Varje tillfälle startar med att en person i gruppen redovisar kort om veckans arbete inför alla Syftet med uppgiften är att lära/testa en metod för att skapa användbara system

Läs mer

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Jan Gulliksen IT-system och människor i samspel Interaktionsdesign 1 Is user interface design common sense? Comparison of 7 interface design solutions to the task of reordering

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

Koncept och prototyp. Workshop 3 25 augusti 2016

Koncept och prototyp. Workshop 3 25 augusti 2016 Koncept och prototyp Workshop 3 25 augusti 2016 Vi är här 19/4 Workshop 1 (alla) v. 22-24 Workshop 2 Analysdag (enskilt) 25/8 Workshop 3 (alla) v. 41-43 Workshop 4 Konceptutvärdering (2 & 2) 1/12 Workshop

Läs mer

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Jan Gulliksen Design och konstruktion av användargränssnitt 1MD113 Interaktionsdesign 1 Interaktionsdesign Syfte med designavsnittet Att visa hur man utvecklar är mycket viktigare

Läs mer

Pratmakaren. TiVOLi. Uppläsning av textremsor med talsyntes. Teckeninlärning via datorspel och lekfull interaktion

Pratmakaren. TiVOLi. Uppläsning av textremsor med talsyntes. Teckeninlärning via datorspel och lekfull interaktion Pratmakaren Uppläsning av textremsor med talsyntes TiVOLi Teckeninlärning via datorspel och lekfull interaktion Sandra Derbring, datalingvist Maria Olsson, logoped 2011-11-24 Projekt via PTS Två projekt

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

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Innehållsinventering Få koll på ditt innehåll

Innehållsinventering Få koll på ditt innehåll Innehållsinventering Få koll på ditt innehåll Innehållsinventering Så funkar det Att arbeta strategiskt med sin kommunikation kan kännas en smula krångligt ibland. Därför har vi tagit fram denna guide,

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

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

Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd

Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd 1 Petter Kolseth Högskolan Dalarna, Grafisk Teknologi pkl@du.se och nsieme consulting, Norra Järnvägsgatan 7 petter@nsieme.se 79135

Läs mer

Anvisningar för din ansökan Följande handlingar ska alltid bifogas din ansökan. Personbevis från Skattemyndigheten Betyg Arbestprover

Anvisningar för din ansökan Följande handlingar ska alltid bifogas din ansökan. Personbevis från Skattemyndigheten Betyg Arbestprover nya media KONST & DESIGn FRIA FÖRBEREDANDE KONSTLINJEN Du söker med 5-10 verk digitalt. Det är valfritt att söka med måleri, skulptur, teckning, video, foto, ljud, objekt osv. Digitala arbetsprover kan

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

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

Pendietisten. Edith Aggling, Alma Söderström Te15 Design Tannbergsskolan

Pendietisten. Edith Aggling, Alma Söderström Te15 Design Tannbergsskolan Pendietisten Edith Aggling, Alma Söderström Te15 Design Tannbergsskolan Uppgift Uppgiften för mittuniversitetets tävling Design Open i år är att underlätta beställning på snabbmatsrestauranger eller caféer

Läs mer

Programmera och hitta buggarna. Se video

Programmera och hitta buggarna. Se video Se video Programmera och hitta buggarna Lektionen ger en grundläggande introduktion till begreppen buggar och programmering. Ni utgår från UR:s serie "Programmera mera" och arbetar sedan med att hitta

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

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

Engagera. Diskutera i gruppen: 1. Tror du att det finns liv på Mars? Tror du att det finns liv någon annanstans än på jorden?

Engagera. Diskutera i gruppen: 1. Tror du att det finns liv på Mars? Tror du att det finns liv någon annanstans än på jorden? Uppdrag Mars Engagera Diskutera i gruppen: 1. Tror du att det finns liv på Mars? Tror du att det finns liv någon annanstans än på jorden? 2. Vilka delar behövs för att bygga en raket? 3. Vad vet du om

Läs mer

Portfolio Johan Brink

Portfolio Johan Brink Portfolio Johan Brink Index Kontakt s. 1 Rock N Rull s. 2-3 Clandestine s. 4-5 Examensarbete: Spelardrivet narrativ s. 6 PERSONUPPGIFTER Namn Johan Brink Född 1982/12/29 Kön Man KONTAKTUPPGIFTER Mobil

Läs mer

Discover, Create & Validate

Discover, Create & Validate Discover, Create & Validate @jenswedin Digital Crunch 2016 The Aha! moment occurred when we went deeper in our quest. We asked the question, What should a helmet look like or do, in order for you to wear

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

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

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Nothing in life is to be feared, it is only to be understood. Now is the time to understand more, so that we may fear less.

Nothing in life is to be feared, it is only to be understood. Now is the time to understand more, so that we may fear less. Nothing in life is to be feared, it is only to be understood. Now is the time to understand more, so that we may fear less. Demokrati Marie Curie 90 Demokrati 91 Tove Andersson Tove Andersson är blockkedje-expert

Läs mer

Avancerad Interaktionsdesign

Avancerad Interaktionsdesign Avancerad Interaktionsdesign MAMN01, KIRSTEN RASSMUS-GRÖHN Idag Upprop Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information Upprop Förkunskaper Krav Interaktionsdesign/MDI

Läs mer

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen eller för sig själva. De beskriver olika yrken och vilken roll

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen eller för sig själva. De beskriver olika yrken och vilken roll Rollkort Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen eller för sig själva. De beskriver olika yrken och vilken roll personerna med dessa yrken haft i processen att ta

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

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken Rollkort Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken har haft i processen att ta fram prototypen Watt-lite

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

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

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

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

Användbarhetstestning

Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer

Läs mer

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet Prislista Prislista Produkt Information Pris, SEK Kampanjsida 8.500 Nyhetsbrev 3.500 Banners 900-1200 Mobilwebapp 12.000 Logotyper 8.000-14.000 Informationswebbplats 13.500 Offertbaserade webbplatser Offertbaserade

Läs mer

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi bygger goda relationer med alla som berörs av vår verksamhet på effektivitet

Läs mer

Adobe Fireworks CS6. Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6.

Adobe Fireworks CS6. Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6. Adobe Fireworks CS6 Marketing Copy för Channel Partners Adobe Fireworks CS6 Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6. HUR

Läs mer

Välkommen till Tech Pubs On-Line CD

Välkommen till Tech Pubs On-Line CD Välkommen till Tech Pubs On-Line CD Hur man använder CD:n Se manualer Er feedback Beställa manualer Hur man använder CD:n Se filer: Filerna på CD:n är i Adobes PDF-format (Portable Document Format). De

Läs mer

Här ges en överblick över de delar som ingår i projektarbetet och beskriver kraven och bedömningskriterierna.

Här ges en överblick över de delar som ingår i projektarbetet och beskriver kraven och bedömningskriterierna. ACPU 2006 Experter Årets tema handlar om tekniska stöd åt experter. Vi vill att ni ska koncenterar er på människor som har en konkret och specifik kompetens inom ett avgränsat område. Denna kunskap kan

Läs mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

Textkompetenser, Genre och Literacitet

Textkompetenser, Genre och Literacitet Textkompetenser, Genre och Literacitet Interaktiva tavlor och IT i Svenska utvecklingsarbete i Uddevalla NORDIC SMART SCHOOL PROJECT SYLVANA SOFKOVA HASHEMI, FIL. DR. Institutionen för Individ och samhälle

Läs mer

LEGO Education WeDo 2.0 lärarhandledning

LEGO Education WeDo 2.0 lärarhandledning LEGO Education WeDo 2.0 lärarhandledning LEGO Education WeDo 2.0 har utvecklats för att stimulera och motivera grundskoleelevernas nyfikenhet och vilja att lära sig mer inom de naturvetenskapliga och tekniska

Läs mer

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015 Grafisk profil 2014/2015 Förord Vi inom S.M.A.R.T UF arbetar för avstigmatiseringen kring psykisk ohälsa genom olika projekt. Talespersonen som agerar som en del av ansiktet utåt är Emin Agga. Han jobbar

Läs mer

EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT.

EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT. EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT. FÖR MIG ÄR TECKNANDET ETT UNIVERSELLT SPRÅK TILLGÄNGLIGT FÖR ALLA. BOKEN ÄR

Läs mer

1IK430 Brukarorienterad design

1IK430 Brukarorienterad design 1IK430 Brukarorienterad design Projektarbete i 1IK430 Följande text är en förklaring av projektarbetet som ingår i kursen 1IK430 Brukarorienterad design, 15 högskolepoäng Enligt kursplanen, ska studenten,

Läs mer

Användbarhetstestning. Användbarhetstestning. Användbarhetstestning vs heuristisk utvärdering. Varför testa?

Användbarhetstestning. Användbarhetstestning. Användbarhetstestning vs heuristisk utvärdering. Varför testa? Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer

Läs mer

Index-direct-Braille 1

Index-direct-Braille 1 Index-direct-Braille 1 Innehåll Använda Index-direct-Braille... 2 Förberedelser inför användande av Index-direct-Braille... 2 Användande av Index-direct-Braille... 3 För Windows 7 or 8... 3 För Mac OSX

Läs mer

FRÅGOR OCH SVAR KONTORSMATERIAL

FRÅGOR OCH SVAR KONTORSMATERIAL FRÅGOR OCH SVAR KONTORSMATERIAL 1. FRÅGA: Hur många pennor handlar det om? SVAR: Se bilaga 2B, där finns den ungefärliga mängden angiven 2. FRÅGA: Vad beskriver kolumnen Vår standardmängd vid utleverans?

Läs mer

Låt oss ta hand om din utveckling, medan du själv utvecklar ditt företag

Låt oss ta hand om din utveckling, medan du själv utvecklar ditt företag Låt oss ta hand om din utveckling, medan du själv utvecklar ditt företag *vad är SmartCode? Vi gör ett komplett utbud av tjänster. Vi designar, utvecklar, stödjer och uppdaterar allt som fungerar i Web.

Läs mer

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03 Slutrapport för JMDB.COM Johan Wibjer 2012-06-03 Abstrakt Den här rapporten kommer handla om mitt projekt som har handlat om att gör en webb sida för ett personligt media bibliotek, hur jag har jobbar

Läs mer

Digitalisering Offentlig sektor. Från tryckt till. digital publikation. FRÅN INTRODUKTION OCH ÖVERSIKT TILL STRATEGI OCH CHECKLISTA.

Digitalisering Offentlig sektor. Från tryckt till. digital publikation. FRÅN INTRODUKTION OCH ÖVERSIKT TILL STRATEGI OCH CHECKLISTA. Från tryckt till Digitalisering Offentlig sektor digital publikation. FRÅN INTRODUKTION OCH ÖVERSIKT TILL STRATEGI OCH CHECKLISTA. 1 Gör inte en digital trycksak Hej! NÄR DU SKA GÅ FRÅN TRYCKTA TILL DIGITALA

Läs mer

Process- och metodreflektion Grupp 5

Process- och metodreflektion Grupp 5 Process- och metodreflektion Grupp 5 IDM Grupp 5 Anders Fougstedt, Anders Green, Lay Truong, Anna Sjödin, Tobias Kask Val av metoder Det första steget i vår designprocess var att bestämma vilka metoder

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Användarmanual till AD OnLine 2009-03-30

Användarmanual till AD OnLine 2009-03-30 Användarmanual till AD OnLine 2009-03-30 2 Inledning I denna kortfattade manual kommer vi att visa och berätta om AD OnLine som är Arkiv Digitals onlinetjänst för att titta på det historiska källmaterialet

Läs mer