design for wpf & silverlight create experiences that captivate, not intimidate users
TRANSCRIPT
![Page 1: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/1.jpg)
Design for WPF & Silverlight
Create experiences that captivate, not intimidate users
![Page 2: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/2.jpg)
who am I?
![Page 3: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/3.jpg)
i’m a creative
![Page 4: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/4.jpg)
and a technologist
![Page 5: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/5.jpg)
and my clients have to make money too
![Page 6: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/6.jpg)
clients like these..
![Page 7: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/7.jpg)
![Page 8: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/8.jpg)
And I work on some of those, with a whole lot of Romanians!
Conchango’s biggest outsource development partner is
iQuestCluj, Romania
![Page 9: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/9.jpg)
and I work for Conchango
(not Microsoft!)
![Page 10: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/10.jpg)
But we do work a lot with Microsoft
Gold Certified Partner in 8 disciplines
Early adopter of WPF, Silverlight and Live Services
![Page 11: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/11.jpg)
![Page 12: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/12.jpg)
experience design
![Page 13: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/13.jpg)
experience design is about making emotional connections with people
make ‘delight’, ‘happiness’ and ‘elegance’ part of your success criteria
![Page 14: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/14.jpg)
So, why do I love
![Page 15: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/15.jpg)
Maybe its because its one of the few brands
that lives out its value - fun!
After all, how many brands would say…
“More experience than our name suggests”
![Page 16: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/16.jpg)
Is it this guy?
![Page 17: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/17.jpg)
These…
![Page 18: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/18.jpg)
…or these?
![Page 19: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/19.jpg)
http://www.v-flyer.com
Her?
![Page 20: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/20.jpg)
Or her…
![Page 21: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/21.jpg)
Her?
![Page 22: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/22.jpg)
…or her?
![Page 23: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/23.jpg)
Him?
![Page 24: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/24.jpg)
Is it her?
![Page 25: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/25.jpg)
Them?
![Page 26: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/26.jpg)
Contrast them with…
![Page 27: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/27.jpg)
Maybe the reason I love Virgin is that while I might be sat to one of these…
![Page 28: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/28.jpg)
I am just as likely to be sat next to one of these
![Page 29: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/29.jpg)
Or the bar?
![Page 30: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/30.jpg)
![Page 31: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/31.jpg)
Even these get a splash…
Meike van Schijndel - “kisses”
![Page 32: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/32.jpg)
But when things go wrong?
![Page 33: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/33.jpg)
![Page 34: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/34.jpg)
![Page 35: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/35.jpg)
![Page 36: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/36.jpg)
![Page 37: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/37.jpg)
![Page 38: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/38.jpg)
![Page 39: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/39.jpg)
![Page 40: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/40.jpg)
So how far do people go with this love?
![Page 41: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/41.jpg)
Too far?
![Page 42: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/42.jpg)
flickr
![Page 43: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/43.jpg)
V-flyer.com
![Page 44: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/44.jpg)
How much love?
Let’s use a web 2.0 measure of love…
![Page 45: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/45.jpg)
“I love Virgin Atlantic”
![Page 46: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/46.jpg)
![Page 47: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/47.jpg)
![Page 48: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/48.jpg)
But what about creating a brand love index?
It wasn’t enough for me to see them win…
So I normalised it against annual passenger numbers:
BA 33,600,000Virgin 5,850,000
And what happened?
®
![Page 49: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/49.jpg)
And the point of all of this?
At Conchango, we create the digital experiences people love
“Experience matters”
When price, product, delivery all become the same, what will separate you out from
your competition?
![Page 50: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/50.jpg)
“Experience based differentiation”This is what the analysts call it.
It’s the thing that makes people fall in love with your software, websites
It’s technologies like WPF, Silverlight & Live Services, that give us a whole new
toolkit to play with!
![Page 51: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/51.jpg)
so what’s possible?
We have some new tools – want to see them?
Warning for those still sleeping: Loud music coming!
![Page 52: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/52.jpg)
52
WPF & SILVERLIGHT VIDEO
![Page 53: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/53.jpg)
so what can possibly go wrong?
![Page 54: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/54.jpg)
When you can do something…
![Page 55: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/55.jpg)
Doesn’t mean you should!
![Page 56: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/56.jpg)
The modern equivalentThe feature:• “News In Pictures” – it displays all the pictures in
today’s news!• But it did not start out like that…• We made it 3D! Why? Because we could!• Nobody could work out how to use it!• The 3D didn’t add anything to the experience – it just
made it a bit harder.• (sad, but true)
![Page 57: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/57.jpg)
Is this appropriate to the brand?
![Page 58: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/58.jpg)
Is this?
BUNĀ FRUMOASO
![Page 59: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/59.jpg)
In other words…
What is right for one user is not always right for another
What is right for one brand is not always right for another
And using features and techniques “just because you can” is not right either!
![Page 60: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/60.jpg)
how do you keep your projects on track?
![Page 61: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/61.jpg)
A Quick Exercise
Q. Which is the better radio?Same Price, same manufacturer,
Same components, Same build quality
A B
![Page 62: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/62.jpg)
But before you decide…This is Jenny James
Age: 56
Profession:Retired (Marketing)
Lives: Outside London
Statement: “Oh, I won’t be able
to work it out!”
If you started with Jenny
which radio would you design?
![Page 63: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/63.jpg)
I just want to listen to the radio
Use controls I’m comfortable with
Give me a quality product
It only does one thing – it’s a radio!
Knobs and buttons
‘Retro’ feel – like they used to make them!
![Page 64: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/64.jpg)
But before you decide…This is Tony Hewitt
Age: 58
Profession:Pipeline engineerLives: Scotland, Manchester
& Saudi Arabia
Statement: “I can’t live without
my cricket!”
If you started with Tony
which radio would you design?
![Page 65: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/65.jpg)
I travel a lot
I want to listen to cricket
Give me a quality product
Dual time zone function helps me – and an alarm clock is useful too
Gets shortwave, long wave and all sorts
Lightweight and well engineered
![Page 66: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/66.jpg)
I travel a lot
I want to listen to English football
Give me a quality product
It’s too heavy and old fashioned to be useful to me
![Page 67: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/67.jpg)
this is a user-centred approach
![Page 68: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/68.jpg)
What is a user-centred approach?
Observe and study real users first
Work out what their goals are
Design things only that meet those goals
Don’t start with a ‘feature list’
Validation
Test what you’re doing as you go along
Change if it could be a better experience for users – even if it doesn’t give you something YOU want!
![Page 69: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/69.jpg)
How do you do it?
Get out there... spy on people!(guerilla ethnography)
Develop personasMake everyone in the team responsible for user
happiness! Make ‘delight’ a key performance indicator
![Page 70: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/70.jpg)
Why is it better? (how to sell this approach)
Your software will be more effectiveYou will focus more on the 20% that users actually use!
• For users this means:– They are more efficient and make less mistakes– They are happier– They are more likely to buy more– They will be happy to use your application again
• For you this means:– Fewer support issues– Your company makes more money– Your boss will like you– You will get a pay rise– You will sleep better at night– Your family will see more of you
![Page 71: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/71.jpg)
but users have changed
let’s understand a bit more about them
![Page 72: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/72.jpg)
Her Social NetworkIt’s very tightly integrated to messenger
– so it’s easy to fall into
It starts as uploading a photo or two to show her friend in New Zealand…
Then writing some comments on the photos…
Now it’s the hub of communicating news about her family to her remote friends and family
Other ways to do the same thing: Flickr, MySpace, Bebo
![Page 73: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/73.jpg)
Her Start Page
Has all she needs in itMore ‘revealing’ and diverse
than just The BBC newsFaster to get the stuff she
wantsAlternatives: Google Start
page & Page-flakes
![Page 74: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/74.jpg)
And Facebook is hurting Instant Messaging
39% of the Facebook users we surveyed, use IM less after
joining Facebook
![Page 75: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/75.jpg)
She’s got higher expectations now…
What’s with the blank space and small text?If I don’t know what to look for, I’m stuck
I want to know what’s the ‘latest thing’The interaction is rubbish, the images are rubbish… if I want
to shop Next, I’ll get the Catalogue
![Page 76: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/76.jpg)
She’s got higher expectations now…
That’s better!
Helps me work out what I want
Gives me ‘something more’
Is reality, not just marketing hype
![Page 77: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/77.jpg)
Web 2 = Social Evolution CrystallisedThe web is now mainstream
75% of UK households connected2 in 3 are on broadband
Increased social use of the internetPhoto sharing not sendingInstant messaging & blogging, not only email
People want to cut out the rubbish (snack culture)RSS feeds / Start Pages eliminate the ‘noise’
People are disbelieving the ‘marketing hype’Wanting to know what real people think & what she’s not being told
The PC is no longer in the study
![Page 78: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/78.jpg)
“Search without the text box”
Advanced search without the drop-down!
![Page 79: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/79.jpg)
Kayak.comUsers now ‘adjust’
they don’t really understand
‘filtering’
![Page 80: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/80.jpg)
just watch this…
![Page 81: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/81.jpg)
Applications like this are setting the standard
Although broadband and internet penetration is high in many countries, we are still only just entering the ‘late majority’
People of all ages, and backgrounds will begin using the internet, and they will start with applications like the ones you’ve seen
These applications will set their expectation for what you have to design & build
![Page 82: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/82.jpg)
working together
![Page 83: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/83.jpg)
what people will use(desire)
what you can build
(feasibility)
what the business can support(viability)
what we want!
can’t be built
nobodyuses it
not costjustified
![Page 84: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/84.jpg)
Design Development
Visual designer Interaction designer Developer
• Branding• Animation
• Usability• Ergonomics
• Code!
![Page 85: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/85.jpg)
You want what?
The Waterfall
![Page 86: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/86.jpg)
The tight team
![Page 87: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/87.jpg)
The Interactive Designer
![Page 88: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/88.jpg)
The Producer
![Page 89: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/89.jpg)
User Interface Development Workflow
![Page 90: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/90.jpg)
A Great “Integrator”Preserves design integrity
Not his “day job” to designKnows when a design is “on,” but can fill in the gaps
Preserves code integrityDoesn’t break functioning code
Lives in XAML and does things “right”Understand development environment and tools
![Page 91: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/91.jpg)
Ways of working
• Traditional – waterfall– Designer > JPEG– Developer > Translates to XAML
• The Interactive Designer– Designer > Design Tools & XAML– Developer > XAML & C#
• The Producer– Designers > Design Tools only, or +XAML– The Producer > Design Tools, XAML & C#– Developers > XAML & C#
Most Risk
Least Risk
![Page 92: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/92.jpg)
Even more tips!
• Don’t make designers a bottleneck– Train developers in image manipulation in
Photoshop– (cut, crop, resize, output)
• Design comes from everyone– Trust your developers to participate in design
decisions– You can start the design on paper, in code, or in
mockups
![Page 93: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/93.jpg)
Be Agile!
Do NOT spend an eternity in a design phasePick one thing to do, and get going as fast as you
canStop and test with usersAdapt what you’ve done, and take on something
new
Don’t wait more than 4 weeks until the client sees something working
![Page 94: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/94.jpg)
Final tips
DO spend time drawing and brainstormingDO spend time working things out in code
DO try to be original - invent something new...
…But DON’T be too proud to use things you know work already!
![Page 95: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/95.jpg)
The results
If you get it right?#1 – AJAX
But first – if you don’t…
![Page 96: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/96.jpg)
If you get it right?#2 – Flash & Silverlight of course!
ETOnline
Or this one…
![Page 97: Design for WPF & Silverlight Create experiences that captivate, not intimidate users](https://reader036.vdocuments.site/reader036/viewer/2022081520/56649c915503460f9494c45c/html5/thumbnails/97.jpg)
Talk to me:[email protected]
Talk to a great Romanian company:http://www.iquestint.com
Find out more about Silverlight, WPF and Windows Live:http://www.microsoft.com/silverlight
http://dev.live.com
Merci