Not Just Better, Faster

Shane Morris

3 Ingredients of a Good UX

Platform

Tools

Skills

UX

Designer / Developer Workflow

Expression Studio 3

make your vision realwhether you’re designing for standards-based Web sites, rich desktop experiences,

or Silverlight.

7

Expression Blend 3

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

What’s new in Blend 3

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

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

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

Adobe Photoshop : Full fidelity import

Graphic elements imported at full fidelityLive import previewFull control over imported layersRemains editable within Blend

Expression Web 3

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

What’s new in Web 3

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

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

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

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

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

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.

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

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!

Expression Encoder 3

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

Simple interface to encode in multiple bitrates (quality)

Silverlight player templates fully support automatic quality switching

Improved IIS Smooth Streaming

EXPRESSION BLEND SKETCHFLOWDemo

On your USB Drives

• Trial Copy

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/