Interaktionsdesign och SketchFlow

27
Interaction Design & SketchFlow Danwei Tran Developer evangelist, Microsoft

description

Presentation hos SweNug Gbg den 18 februari 2010

Transcript of Interaktionsdesign och SketchFlow

Page 1: Interaktionsdesign och SketchFlow

Interaction Design & SketchFlowDanwei Tran

Developer evangelist, Microsoft

Page 2: Interaktionsdesign och SketchFlow

Checklista

Vad är interaktionsdesign?

Hur designar jag upplevelser?

Hur skapar jag interaktiva prototyper?

Page 3: Interaktionsdesign och SketchFlow

Vad är interaktionsdesign?

Page 4: Interaktionsdesign och SketchFlow

Vad är interaktionsdesign?

Page 5: Interaktionsdesign och SketchFlow

Interaction

design

Industrial

design

User experience

design

Human-computer

interaction

Human factors

Usability engineering

Information

architecture

Communication

design

User interface

engineering

Vad är interaktionsdesign?

Page 6: Interaktionsdesign och SketchFlow

1. Gilla 3. Använda2. Förstå

Vad är interaktionsdesign?

Page 7: Interaktionsdesign och SketchFlow

Hur designar jag upplevelser?

Olika tillvägagångssätt

• User-centered design

• Activity-centered design

• Genius design

Page 8: Interaktionsdesign och SketchFlow

Hur designar jag upplevelser?

Olika tillvägagångssätt

• User-centered design

• Activity-centered design

• Genius design

Page 9: Interaktionsdesign och SketchFlow

Hur designar jag upplevelser?

User-centered design

Målgrupp &

kontext

Krav

Skapa

Evaluering

Page 10: Interaktionsdesign och SketchFlow

Hur designar jag upplevelser?

Page 11: Interaktionsdesign och SketchFlow

Hur skapar jag interaktiva prototyper?

SketchFlow

Page 12: Interaktionsdesign och SketchFlow

Designer & Developer Workflow

Designer Developer

Page 13: Interaktionsdesign och SketchFlow

ProductionPrototype

Core architecture

User Experience

Visual Studio

Expression Blend

SketchFlow

PSD, AI, Paper Client

1: Ideas 2: Resources 3: Project

Page 14: Interaktionsdesign och SketchFlow

ProductionPrototype

Visual Studio

Expression Blend

SketchFlow

PSD, AI, Paper

ALM/Visual Studio Team System

Specs,

Requirements Deployment

Page 15: Interaktionsdesign och SketchFlow

Olika prototyp-nivåer

Page 16: Interaktionsdesign och SketchFlow

SketchFlow Map

Page 17: Interaktionsdesign och SketchFlow

Lägg till innehåll på varje screen

Page 18: Interaktionsdesign och SketchFlow

Sketch Styles

Page 19: Interaktionsdesign och SketchFlow

Scanna in skisser

Page 20: Interaktionsdesign och SketchFlow

Importera från Photoshop…

Change this slide to making the prototype real

Page 21: Interaktionsdesign och SketchFlow

…ändra i Blend

Page 22: Interaktionsdesign och SketchFlow

Få feedback

Page 23: Interaktionsdesign och SketchFlow

Behaviors

Page 24: Interaktionsdesign och SketchFlow

Skapa/importera data

Page 25: Interaktionsdesign och SketchFlow

Generera dokumentation

Page 26: Interaktionsdesign och SketchFlow

Tips:

www.dynamic-prototyping.com

Page 27: Interaktionsdesign och SketchFlow

Kontakta mig gärna

[email protected]

www.twitter.com/danweitran

www.blogs.technet.com/danwei

MIX10

15-16 mars i Las Vegas

www.microsoft.com/mix