Expression Blend 3 + SketchFlow

Frank de Wit is gastschrijver bij Heeftstijl.nl.
Ook gastschrijver worden? Meld je dan nu aan!

Expression Blend 3 + Sketchflow

Platform: Windows
Prijs: €599,- (combinatie met Expression Studio 3)

Expression Blend is een programma om Silverlight en WPF (Windows Presentation Foundation) applicaties te maken. Een groot onderdeel van het recent uitgebrachte Expression Blend 3 is SketchFlow. SketchFlow maakt het mogelijk om sketchy wireframes, composities en de flow van schermen te ontwerpen. Met behulp van states en behaviors kan je van een statisch wireframe vrij eenvoudig een interactief prototype maken.

Standaard is er een uitgebreide library van Assets (componenten zoals buttons, input velden en dropdownboxen) en Behaviors (animaties en overgangen) aanwezig in Expression Blend. Deze Assets zijn uit te breiden met eigen componenten vanuit Photoshop, Illustrator of downloads vanaf internet. Microsoft heeft een uitgebreide Expression community waar ontwerpers hun Assets en Behaviors kunnen uploaden en delen. Er kan in Expression Blend genavigeerd worden met een tree view, een sitemap en tussen tabs. Ook heeft Expression Blend naast een design view een code editor voor XAML, C# of VB. Exporteren kan alleen naar Word. Het geëxporteerde document is een goed gestructureerde weergave van alle gebruikte schermen en componenten met bijbehorende index, afbeeldingen en bijschriften.

Microsoft Expression Blend 3 + SketchFlow

Microsoft Expression Blend 3 + SketchFlow

Omdat Expression Blend in eerste instantie bedoeld is om Silverlight en WPF applicaties te realiseren is het mogelijk om meerdere wireframe pagina’s in één document te maken en hierdoor een prototype te maken. Dankzij component screens hoeven bepaalde onderdelen, zoals bijvoorbeeld een header en een footer maar eenmaal ontworpen te worden en geinclude te worden waar nodig. Ook bevat het mogelijkheden om voorbeelddata in te laden, animaties te realiseren en een timeline te gebruiken. Door middel van Team Foundation Server kan er samengewerkt worden aan één project.

Expression Blend biedt ook de mogelijkheid om het ontwerp te runnen. Een Silverlight applicatie wordt in een player getoond in je browser. De player biedt de mogelijkheid om opmerkingen en aantekeningen te maken die vervolgens weer ingelezen kunnen worden in de editor. De standaard componenten hebben in de player mode ook het standaard gedrag, waardoor een invulveld is in te vullen, een dropdown is open te klikken en een button of hyperlink je naar een andere pagina kan brengen.

Voordelen Expression Blend 3

  • Gemakkelijke wireframen
  • Grote standaard componenten library
  • Interactieve elementen
  • Component Screens
  • Uitgebreide prototype mogelijkheid
  • Feedback mogelijkheid
  • Samenwerken aan één project
  • (Voorbeeld)Data inlezen
  • Specificatie document genereren

Nadelen Expression Blend 3

  • Prijzig
  • Flinke leercurve
  • Trage interface
  • Gebruikt veel geheugen
  • Alleen te exporteren naar Word
  • Elementen kunnen niet aan elkaar uitgelijnd worden
  • SketchFlow Map (sitemap) onduidelijk bij grote projecten
  • Prototype levert bulk aan bestanden, niet vriendelijk om naar opdrachtgever te sturen
  • Feedback alleen te exporteren als .feedback bestand

Conclusie Expression Blend 3

Expression Blend 3 + Sketchflow is meer dan alleen een wireframing tool. Dankzij Assets, Behaviors en de player kunnen de wireframes vrij eenvoudig net wat verder worden uitgewerkt tot een werkend prototype. Hierdoor kun je in je wireframes ook de flow en de navigatie duidelijk maken voor de opdrachtgever, zodat deze een duidelijker beeld kan krijgen van de uiteindelijke website of applicatie. De feedback optie die de player biedt geeft de opdrachtgever een eenvoudig middel om heldere feedback te geven en de export functie levert een compleet document op.

Expression Blend heeft als nadeel dat het een flinke leercurve heeft. De interface is niet afgeleid van andere Microsoft pakketten en vereist enige gewenning. Wanneer je de interface éénmaal onder de knie hebt kun je met Expression Blend 3 prima wireframen en interactieve prototypes ontwikkelen. Als Microsoft wat aan de snelheid van het programma en het extreem grote geheugengebruik kan doen hebben ze hiermee een veelbelovend, maar wel duur pakket in handen.

Links Expression Blend 3

http://www.microsoft.com/netherlands/expression/try-it/ Evaluatie versie
http://expression.microsoft.com/en-us/ Microsoft Expression Community
http://www.microsoft.com/netherlands/expression/ Product site

Over de auteur

Frank de Wit

Frank werkt als ontwerper bij Cenosco.

Websitehttp://www.2bfrank.nl
LinkedInhttp://nl.linkedin.com/in/2bfrank
Twitter@2bfrank
1 Ster2 Sterren3 Sterren4 Sterren5 Sterren (Nog geen stemmen uitgebracht)
Loading ... Loading ...

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Reacties tot nu toe

1

Dank!

Vergeet niet dat je voor die prijs dan Expression Studio 3 krijgt met Web, Blend + SketchFlow, Design en Encoder als tegenhanger voor één van de Adobe CS.
Met andere woorden: Microsoft lijkt een geduchte tegenstander te (willen) worden van Adobe als het gaat om webontwikkeling en in principe … ze hebben nu alle pakketten daarvoor.

@2BFrank 5 januari 2010 om 12:38
2

[...] Dit blogartikel was vermeld op Twitter door heeftstijl, Milan van Bruggen. Milan van Bruggen heeft gezegd: RT @heeftstijl: Nieuw artikel: Expression Blend 3 + SketchFlow (door @2BFrank) http://ow.ly/SChb #heeftstijl #expressionblend #sketchflow [...]

Tweets die vermelden Expression Blend 3 + SketchFlow | Heeftstijl.nl - Nederlands webdesign magazine -- Topsy.com 5 januari 2010 om 12:38
3

Ik zag vorig jaar een presentatie van dit product op 'The Future Of Webdesign' in London…(toen nog niet uitgebracht) Ik was niet echt onder de indruk en stel 'heden ten dage' ook nog steeds Silverlight ter discussie. Ik ben benieuwd naar de reacties van anderen!

600 euro voor een Wireframe tool is wel een glim… eh schaterlach waard :D

Wel vind ik dat Frank het product objectief behandeld, ik ben al lang bevooroordeeld!

@edgarleijs 5 januari 2010 om 10:51
4

Het is niet alleen een wireframe tool. Volledige integratie met Visual Studio (ook qua code).
Als je met WPF bezig wil heeft het echt een meerwaarde, dat wil je niet alleen in Visual Studio doen namelijk…

Je moet je bevooroordeling even aan de kant zetten en het eens goed uitproberen :p

Ewout 5 januari 2010 om 10:58
5

ha, bedankt @edgarleijs!
Ik heb m’n best gedaan het product zo objectief mogelijk te behandelen ;)

Frank de Wit 5 januari 2010 om 13:06
6

Heldere review Frank!

Misschien dat het voor ontwerpers die alleen maar werken in VS-omgevingen wel toegevoegde waarde heeft. Bij de investering in VS kan het bedrag voor EB3 er ook wel bij.

In andere gevallen maken enkele bekende Microsoft-kwalen en de prijs het pakket onaantrekkelijk.

@barthilhorst 5 januari 2010 om 11:09
7

Je hebt gelijk Ewout, zeker als de developers met Visual Studio werken heeft het zeker een meerwaarde dankzij de XAML. Maar je zal onderling een goede werkwijze moeten afspreken om het ideaal te maken.

Frank de Wit 5 januari 2010 om 13:10
8

Begrijp me niet verkeerd hoor! Ik ben voor visuele verrijking van applicaties en voor MS developers was er nog bar weinig te halen. Ik hoop dat het toekomst heeft. Expression Blend 3 en WPF zullen zich toch nog wel moeten bewijzen….

Goede reacties hier!

@edgarleijs 5 januari 2010 om 12:20
9

Kortom een grafisch programmatje zodat programmeurs eindelijk ook een beetje iets kunnen desingen want ja hoe moeilijk is dat nou heh.. ;)

Hertz 5 januari 2010 om 15:15
10

Misschien is het wel eens goed dat programmeurs kunnen zien dat designen helemaal nog niet zo gemakkelijk is ;)

Milan 5 januari 2010 om 16:09
11

WPF moet zich inderdaad nog bewijzen.
Zelf ben ik voornamelijk bezig met WinForms, maar ik zie absoluut voordelen van WPF als het gaat om styling, animatie, etc. Maar ik zie er als een berg tegen op om er mee te beginnen, alles is weer anders…

Ewout 5 januari 2010 om 16:35
12

Als je je even verdiept in wat het pakket is en doet, dan zou je je comment wel herzien :P

Ewout 5 januari 2010 om 16:35
13

Ik denk dat het eerder andersom is. Dat designers al vanuit het prototype, code voor de developers kunnen genereren waar de developers weer op door kunnen bouwen.

@2BFrank 6 januari 2010 om 09:37
14

alleen Adobe is altijd netjes crossplatform.. Microsoft niet.. geen echte concurrentie dus..

Hertz 7 januari 2010 om 15:51
15

Social comments and analytics for this post…

This post was mentioned on Twitter by heeftstijl: Nieuw artikel: Expression Blend 3 + SketchFlow (door @2BFrank) http://ow.ly/SChb #heeftstijl #expressionblend #sketchflow…

uberVU - social comments 12 januari 2010 om 15:01
16

Heeft iemand een idee of beschrijving hoe de koppeling tussen Sketchflow en MS BLEND werkt?

Cerrone 19 maart 2010 om 09:11

Reactie achterlaten