SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Interaction Design & SketchFlow Danwei Tran Developer evangelist, Microsoft
Checklista Vad är interaktionsdesign? Hur designar jag upplevelser? Hur skapar jag interaktiva prototyper?
Vadärinteraktionsdesign?
Vad är interaktionsdesign?
User experience design Industrial design Information architecture Interaction design Communication design Human factors User interface engineering Usability engineering Human-computer interaction Vad är interaktionsdesign?
1. Gilla 3. Använda 2. Förstå Vad är interaktionsdesign?
[object Object]
Activity-centered design
Genius designHurdesignar jag upplevelser? Olika tillvägagångssätt
[object Object]
Activity-centered design
Genius designHurdesignar jag upplevelser? Olika tillvägagångssätt
User-centered design Målgrupp & kontext Krav Evaluering Skapa Hurdesignar jag upplevelser?
Hurdesignar jag upplevelser?
SketchFlow Hurskapar jag interaktivaprototyper?
Designer & Developer Workflow Designer Developer
UserExperience Client PSD, AI, Paper SketchFlow Expression Blend 3: Project 1: Ideas 2: Resources Prototype Production Visual Studio Core architecture
Prototype Production PSD, AI, Paper SketchFlow Expression Blend Visual Studio ALM/Visual Studio Team System Specs, Requirements Deployment
Olikaprototyp-nivåer
SketchFlow Map
Lägg till innehållpåvarje screen
Sketch Styles
Scanna in skisser
Importerafrån Photoshop… Change this slide to making the prototype real By utilizing the power of Blend 3.
…ändrai Blend
Få feedback
Behaviors

Weitere ähnliche Inhalte

Ähnlich wie Interaktionsdesign och SketchFlow

Ux not magi swetug 2015
Ux not magi swetug 2015Ux not magi swetug 2015
Ux not magi swetug 2015Ola Karlsson
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projektPer Axbom
 
En berättelse om UX roll i organisationer
En berättelse om UX roll i organisationerEn berättelse om UX roll i organisationer
En berättelse om UX roll i organisationergabrieljonsson
 
Framgångsrika reklamkoncept - på mottagarens villkor
Framgångsrika reklamkoncept - på mottagarens villkorFramgångsrika reklamkoncept - på mottagarens villkor
Framgångsrika reklamkoncept - på mottagarens villkorAndré Skagervik
 
Innovation i praktiken - 10 saker att tänka på (Swedish)
Innovation i praktiken - 10 saker att tänka på (Swedish)Innovation i praktiken - 10 saker att tänka på (Swedish)
Innovation i praktiken - 10 saker att tänka på (Swedish)apegroup
 
UX <3 Digital Transformation
UX <3 Digital Transformation UX <3 Digital Transformation
UX <3 Digital Transformation Caroline Andersson
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseHiQInternational
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseHiQInternational
 
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...Jakob Persson
 
Christopher McCann UX portfolio 2016
Christopher McCann UX portfolio  2016Christopher McCann UX portfolio  2016
Christopher McCann UX portfolio 2016Christopher McCann
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013Fröjd Interactive
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webbenPer Axbom
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Jens östgaard
 
Designstrategier för en digital värld - Webbdagarna i Göteborg 2014
Designstrategier för en digital värld  - Webbdagarna i Göteborg 2014Designstrategier för en digital värld  - Webbdagarna i Göteborg 2014
Designstrategier för en digital värld - Webbdagarna i Göteborg 2014Gabriel Svennerberg
 

Ähnlich wie Interaktionsdesign och SketchFlow (20)

Ux != magi
Ux != magiUx != magi
Ux != magi
 
Presentation EPiserver kravställ
Presentation EPiserver kravställPresentation EPiserver kravställ
Presentation EPiserver kravställ
 
Ux not magi swetug 2015
Ux not magi swetug 2015Ux not magi swetug 2015
Ux not magi swetug 2015
 
Kreativa processer dag 1 2013
Kreativa processer dag 1 2013Kreativa processer dag 1 2013
Kreativa processer dag 1 2013
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projekt
 
En berättelse om UX roll i organisationer
En berättelse om UX roll i organisationerEn berättelse om UX roll i organisationer
En berättelse om UX roll i organisationer
 
Framgångsrika reklamkoncept - på mottagarens villkor
Framgångsrika reklamkoncept - på mottagarens villkorFramgångsrika reklamkoncept - på mottagarens villkor
Framgångsrika reklamkoncept - på mottagarens villkor
 
Innovation i praktiken - 10 saker att tänka på (Swedish)
Innovation i praktiken - 10 saker att tänka på (Swedish)Innovation i praktiken - 10 saker att tänka på (Swedish)
Innovation i praktiken - 10 saker att tänka på (Swedish)
 
UX ♥ Digital Transformation
UX ♥ Digital TransformationUX ♥ Digital Transformation
UX ♥ Digital Transformation
 
UX <3 Digital Transformation
UX <3 Digital Transformation UX <3 Digital Transformation
UX <3 Digital Transformation
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
 
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...
“Oväntade effekter” – De oväntade nyttorna av effekt-, målstyrning och impact...
 
Christopher McCann UX portfolio 2016
Christopher McCann UX portfolio  2016Christopher McCann UX portfolio  2016
Christopher McCann UX portfolio 2016
 
Kreativa processer dag 2 2013
Kreativa processer dag 2 2013Kreativa processer dag 2 2013
Kreativa processer dag 2 2013
 
Kundseminarium 090311
Kundseminarium 090311Kundseminarium 090311
Kundseminarium 090311
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webben
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20
 
Designstrategier för en digital värld - Webbdagarna i Göteborg 2014
Designstrategier för en digital värld  - Webbdagarna i Göteborg 2014Designstrategier för en digital värld  - Webbdagarna i Göteborg 2014
Designstrategier för en digital värld - Webbdagarna i Göteborg 2014
 

Interaktionsdesign och SketchFlow

Hinweis der Redaktion

  1. Bildbaseradpå Dan Saffers definition avinteraktionsdesignTips: Designing for interactions – Dan Saffer