A day in the life of an IntegratorLaurent Bugnion

Senior User Experience Integrator

IdentityMine

http[blog|www]galasoftch

Why do we need a new role

The Integrator role

1 Communicator and Translator

2 Coach and Trainer

3 Bottle neck

4 Domain expertise

a User experience (Production designer)

b Expression Blend

c Understanding designers tools

d WPFSilverlight infrastructure

The Integrator role

Blendability

bullldquoThe ability to be edited in Blendrdquo

bull (and Visual Studio designerhellip)

bullDifferentiate code in design and

runtime

bullCreate design time data

DEMOBlendability

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

The Integrator role

1 Communicator and Translator

2 Coach and Trainer

3 Bottle neck

4 Domain expertise

a User experience (Production designer)

b Expression Blend

c Understanding designers tools

d WPFSilverlight infrastructure

The Integrator role

Blendability

bullldquoThe ability to be edited in Blendrdquo

bull (and Visual Studio designerhellip)

bullDifferentiate code in design and

runtime

bullCreate design time data

DEMOBlendability

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

The Integrator role

Blendability

bullldquoThe ability to be edited in Blendrdquo

bull (and Visual Studio designerhellip)

bullDifferentiate code in design and

runtime

bullCreate design time data

DEMOBlendability

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

Blendability

bullldquoThe ability to be edited in Blendrdquo

bull (and Visual Studio designerhellip)

bullDifferentiate code in design and

runtime

bullCreate design time data

DEMOBlendability

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

DEMOBlendability

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

In case of ldquoNo Blendabilityrdquo

bull It kind of suckshellipbullMore XAML edition (manual)bullMore runtime testing

bullEdit Run Measure Edithellipbull Isolate the issue

bullNew application in Blend

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

DEMOWorking with tools

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

Working with tools

bull Importing XAMLbull Import from Photoshop Illustrator (Blend)

bullExport from Fireworksbull httpwwwgranthinksoncomtoolsfireworks

bullExport from Designbull httpwwwmicrosoftcomexpressionproductsDesign_Overviewaspx

Working with tools

bullPreviewingbullKaxaml

bull httpkaxamlcom

bullShazzambull httpshazzam-toolcom

Working with tools

bull InspectingbullSnoop (WPF)

bull httpsnoopwpfcodeplexcom

bullSilverlight Spybull httpfirstfloorsoftwarecomsilverlightspy

Working with tools

bullMeasuringbullRooler

bull httpbloisusRooler

bullCalipersbull Various

Working with tools

bullCleaning upbullPistachio

bull httpwwwgranthinksoncom20071108announcing-pistachio-wpf-resource-visualizer

Pistachio

Pistachio

DEMOImporting assets

DEMO

THANKS

Nathan Dunlaphttpwwwdesignerslovenet

Robby Ingebretsenhttpnerdplusartcom

Me (LBugnion)httpbloggalasoftch

Pistachio

DEMOImporting assets

DEMO

THANKS

Nathan Dunlaphttpwwwdesignerslovenet

Robby Ingebretsenhttpnerdplusartcom

Me (LBugnion)httpbloggalasoftch

DEMOImporting assets

DEMO

THANKS

Nathan Dunlaphttpwwwdesignerslovenet

Robby Ingebretsenhttpnerdplusartcom

Me (LBugnion)httpbloggalasoftch

DEMO

THANKS

Nathan Dunlaphttpwwwdesignerslovenet

Robby Ingebretsenhttpnerdplusartcom

Me (LBugnion)httpbloggalasoftch

THANKS

Nathan Dunlaphttpwwwdesignerslovenet

Robby Ingebretsenhttpnerdplusartcom

Me (LBugnion)httpbloggalasoftch