Prototyping with WPF and XAML vs. HTML

7 Dec 2006 - 11:17pm
7 years ago
3 replies
1731 reads
theomandel
2003

I've been creating high-fidelity prototypes using HTML and CSS for a client
PC application. The system architect says they are moving toward using
Windows Presentation Foundation (WPF) and XAML (Extensible Application
Markup Language). We are discussing how this will affect how we prototype
and build the application in the future.

Prototyping with HTML has been quick and easy for turnaround time and for
remotely reviewing with user groups. I'm concerned about the learning curve
and programing aspects of prototyping using WPF and XAML. I'd like to hear
from other UI and interaction designers about their experiences with low-
and high-fidelity prototyping in HTML vs. WPF and XAML.

Please respond to the list or to me directly.

Theo Mandel, Ph.D.

Comments

8 Dec 2006 - 6:10am
Dave Malouf
2005

> -----Original Message-----
> Prototyping with HTML has been quick and easy for turnaround
> time and for
> remotely reviewing with user groups. I'm concerned about the
> learning curve
> and programing aspects of prototyping using WPF and XAML. I'd
> like to hear
> from other UI and interaction designers about their
> experiences with low-
> and high-fidelity prototyping in HTML vs. WPF and XAML.

Hi Theo,

This is where Expression Suite comes in with their new product called, Blend
(FKA Expression Interactive Designer, FKA Sparkle).

It is sorta like a flash tool for building/designing WPF/E application and
is meant to work directly with Visual Studio, which I think your developers
will really like.

I've worked with the betas a bit and it feels pretty good to me. It ain't
perfect being a 1.0 release, but a lot of thought and care went into this
product. The PMs at MS for this product are former Macromedia folks.

I think with this new technology (WPF/E) in particular it might be important
to prototype in a tool that is the same technology as there is probably a
learning curve about this new canvas that designers are painting on.

I think Blend is now available as a beta release.

-- dave

8 Dec 2006 - 11:06am
maglez@btintern...
2006

Expression Interactive Designer, EID, or commercially "Blend" so far, I hear that Microsoft is
going to change the name again, anyway, it is a great tool, it allows designer to focus on design
and programmers to focus on programming.

With Flash, many designers had to learn to program and programmers had to learn to design since
Flash didn't allowed both professionals to properly work together. We ended up with many good
designs and poor interaction and many good functionalities with poor design.

EID make a greater separation between the presentation layer (the visual user interface) and the
business layer (the back end programming), but allowing designers and programmers to work on the
same project. Well, there are many more characteristics about EID and this is probably not the
forum for that.

So talking of prototyping with EID, I could say that is not going to be as straightforward as
using HTML-CSS.

Prototyping with HTML-CSS is simple enough to be done for one person, prototyping with EID you
will need a designer and a programmer since with EID you can do the interface and prepare the
calls for the interaction that will be performed for the code behind.

But all this depend of the kind of prototypes you do, simple screen shoots in the form of slides
or real interaction.

Give it a try, the tutorials that you will find on the help menu will help you to get started and
try to create a working prototype and post back your feedback, it would be interesting to hear how
this goes.

Good luck.

Miguel Gonzalez.

8 Dec 2006 - 1:41pm
jayhilwig
2006

I'm not so sure we're going to see designers set free from learning to
program, especially interaction designers, with the release of EID. Simple
programming like attaching an action to a button may require less
learnability than Flash, but programming for more robust interaction does
not give EID the hand up over Flash in my opinion.

I would like to give the new version a try, thanks for the update,
http://www.microsoft.com/products/expression

_jay

Syndicate content Get the feed