1.

2. UX Super Powers with Expression Blend
Ricardo Castelhano - Interactive Developer & Speaker
3. UX Super Powers with Expression Blend
Ricardo Castelhano - Interactive Developer & Speaker
4. 5. agenda
part I
6. user experience
product development process
problems
agenda I
7. ux
8. interaction design
information architecture
human-computer interaction
human factors engineering
usability
user interface design
user experience
9. user experience
10. product development process
11. product development process
R&DTeam
Sales
Engineering
Design
12. product development process
sketching user experiences, Bill Buxton
13. problems
14. he doesnt listen to me anymore
problems I
couple therapy ?
15. i dont want to learn a new trick
problems II
Designer
Developer
16. i dont want to learn a new trick
problems II
Developer
Designer
17. i want to know your thoughts
problems III
18. i dont want to bother
problems IV
19. agenda
part II
20. expression sketchflow or how to get info from your client or users in a early phase
graphics & layout or how to code XAML for a non-developer
controls or how to let a breath of a relief developer
view and viewmodels or how to keep designer-creativity away from developer-creativity
data and resourcesor wait not for the bus and maintain a constant design
animation and interactionor how to teach users without teaching
agenda
21. expression sketchflow
quick way to explore and iterate ui scenarios
non-linear prototypes
prototype with the right visual fidelity
work with your client/users
interactive prototypes with no code involved
sample data sources for the right feeling
keep the team updated
22. graphics & layout
photoshop and illustrator file importing
adobe fxg support
The right control for the right job
gridcalendarrichtextbox
canvascheckbox
stackpaneldatapager
scrollviewerbutton
listboxtextblock
pathlistboxtextboxviewbox
23. controls
the good old developers controls
pre-built funcionality
visual state manager engine
fully customizable visually
build your own controls (usercontrols)
parts & states model
24. views and viewmodels
page / control / usercontrol
visual layer (xaml)
logical layer (code-behind)
designer and developers sanity
view is for visual layer
viewmodel if for logical layer
new behaviors
conditional behaviors and the data store
25. data and resources
design-time data sources
design-time resources
style resources
resource dictionaries
data binding
easier element-to-element property binding
26. animation & interaction
time-based timeline
easing functions
visual state manager engine
reusable behaviors
xaml cleanliness
27. Ricardo Castelhano
Interactive Developer & Speaker
Blog: ricardocastelhano.com
Email: geral@ricardocastelhano.com
Obrigado
RicCastelhano