not just better, faster - expression and sketchflow
DESCRIPTION
Shane MorrisTRANSCRIPT
![Page 1: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/1.jpg)
![Page 2: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/2.jpg)
Not Just Better, Faster
Shane Morris
![Page 3: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/3.jpg)
3 Ingredients of a Good UX
Platform
Tools
Skills
UX
![Page 4: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/4.jpg)
Designer / Developer Workflow
![Page 5: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/5.jpg)
Expression Studio 3
![Page 6: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/6.jpg)
make your vision realwhether you’re designing for standards-based Web sites, rich desktop experiences,
or Silverlight.
![Page 7: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/7.jpg)
7
![Page 8: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/8.jpg)
Expression Blend 3
![Page 9: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/9.jpg)
What is Expression Blend 3?
User experience design tool for Windows, Silverlight and Surface
Take UX design from initial prototype through to production
Market-leading designer-developer integration and workflow
![Page 10: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/10.jpg)
What’s new in Blend 3
![Page 11: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/11.jpg)
SketchFlow: Rich, fast, cost-effective prototyping Conceptual Prototyping:
Rapidly create application user experience flows
Total Flexibility: Prototypes can be as real as a project requires
Effective Communication: Easily communicate ideas to all stakeholders
Rapid Testing / Reviewing: Enable client review and feedback
![Page 12: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/12.jpg)
Behaviors: Interactivity without writing codeBuilding blocks of production-quality interactivity
Easily applied and configured without additional code
Extensible and limited only by your imagination
Powerful collaboration
![Page 13: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/13.jpg)
Sample Data: Bringing your prototype to lifeEasy to create and utilize sample data at design-time
Data can be fully customized and styled
Sample data available at runtime
Switch between sample and live data
![Page 14: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/14.jpg)
Adobe Photoshop : Full fidelity import
Graphic elements imported at full fidelityLive import previewFull control over imported layersRemains editable within Blend
![Page 15: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/15.jpg)
Expression Web 3
![Page 16: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/16.jpg)
What is Expression Web 3?
Professional web design and development tool
Create standards-based Web sites faster & easier
Broad support for essential Web technologies
19
![Page 17: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/17.jpg)
What’s new in Web 3
![Page 18: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/18.jpg)
Makes you more productive writing and debugging code
Professional Code Editor
Intellisense, code coloring, and snippets for HTML, CSS, PHP & JavaScript aids adding valid code
Preview ASP.NET & PHP pages with the included development server
![Page 19: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/19.jpg)
Multi-browser debugging on one machine
Speed Debugging: SuperPreview
Supports IE6/7/8, & Firefox
Multiple browser renderings side-by-side or onion-skin overlay
Compare your Web page with your Photoshop comp
![Page 20: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/20.jpg)
Debug your pages in real-time as you code
Snapshot Preview Your Code
No need to preview page in a browser
Absolute image fidelity for IE6/7/8 or Firefox
Supports ASP.NET & PHP pages
New in Expression Web 3
![Page 21: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/21.jpg)
Built-in support for today's modern web standards
Passionate About Standards
XHTML compliance
Full schema support
Real-time standards validation
CSS properties palette
XHTML Tag property grid
![Page 22: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/22.jpg)
Open and edit PHP pages directly in Expression Web
Yes, PHP
Intellisense, code-coloring and snippets
Apply the full range of standards-based design tools to PHP
Preview PHP includes on design surface
Preview PHP pages with built-in development server
![Page 23: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/23.jpg)
Optimize your sites for accessibility
Access For Everyone
Accessibility Checking
Use the built-in accessibility checker to make sure your Web sites can fully meet screen reader accessibility standards, with support for WCAG and Section 508.
![Page 24: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/24.jpg)
Make design decisions with confidence
Pixel Perfect
Professional Design Surface
Built-in CSS rendering engine
Directly manipulate positioning, sizing, margins and padding
Visual support for ASP.NET Master, Pages, User Controls and PHP
![Page 25: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/25.jpg)
What else is new in Expression Web 3?Import, crop, and slice Photoshop files with transparency
Flexible site publishing
Visual Studio TFS integration for source control
Enhanced Silverlight support
Easily insert Seadragon AJAX DeepZoom experiences
Integration with Expression Design and Expression Encoder
Plus many more enhancements!
![Page 26: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/26.jpg)
Expression Encoder 3
![Page 27: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/27.jpg)
What is Expression Encoder 3?
Professional encoding tool for live and pre-recorded video
Template driven publishing of Silverlight HD video to the web
High quality screen capture with full video and audio overlay
![Page 28: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/28.jpg)
Simple interface to encode in multiple bitrates (quality)
Silverlight player templates fully support automatic quality switching
Improved IIS Smooth Streaming
![Page 29: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/29.jpg)
EXPRESSION BLEND SKETCHFLOWDemo
![Page 30: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/30.jpg)
On your USB Drives
• Trial Copy
![Page 31: Not Just Better, Faster - Expression and Sketchflow](https://reader038.vdocuments.site/reader038/viewer/2022103111/54c8335d4a7959e8628b460d/html5/thumbnails/31.jpg)
Links
• Expression Studio– www.microsoft.com/australia/expression/
• Sketchflow– www.microsoft.com/australia/expression/
products/Sketchflow_Overview.aspx• Visual Studio– www.microsoft.com/australia/visualstudio/