Tag Archives: user experience

Working with Sketch Flow

The official release of Silverlight 3 and Expression Studio 3 was last Friday and I’m really excited about how these products have been evolving. My favorite new feature is Sketch Flow, which I’ve been playing around with for a little while now and have found it to be a great way to build dynamic prototypes.  From my previous post on Wireframe Prototype Fidelity I would have added a bit on Sketch Flow if the product had existed at the time.  I think it fits a gap in the tools of the UX professional who works on rich interactive applications.  For myself I was either building static images in OmniGraffle or Adobe Illustrator or I was mocking things up in HTML with JavaScript.  Sometimes I’ve built stuff using Flash or even modeling and rendering an animation in 3D tools like Maya to best get the concept across. I think Sketch Flow really brings it all together for a quick way to rough out the experience. My favorite part is how Sketch Flow lets you put in fake data driven content. It’s hard to explain how awesome this is, to get a good understanding check out the video below.

Check out this great video introduction to using Sketch Flow from Mix earlier this year:

To keep up to date be sure to follow the Silverlight team blog, Soma’s blog and Scott Guthrie’s blog


IA / UX Deliverables


Initial research around the application, service. Interviews of stakeholders and customers. Reviewing competition.


Gathering information in outline form can be an extremely helpful way to quickly collect short bits of information like product names and then group and sort them under different headings. I almost always start my projects here. It really helps me see the logical connections between the information and helps me ask questions about the classification and naming systems that are already in place.

UI Flow Diagrams

User interface flow diagrams are created to model the interactions that a user has with a product or service. The diagram primarily will reflect the behavioral view of a single use case along with some optional pathways.

Paper Prototypes

Paper prototyping is a variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface that is manipulated by a person ‘playing computer,’ who doesn’t explain how the interface is intended to work.


A wireframe is a basic visual guide used in interface design to suggest the structure of an interface and relationships between its pages. Typically, wireframes are completed before any artwork is developed.

Functional Requirements document

This documentation describes the behavior of a system. The documentation typically describes what is needed by the user as well as requested properties of inputs and outputs.

Usability studies

It is a technique used to evaluate a product by actually testing it on users. This can be seen as an irreplaceable usability practice, since it gives direct input on how real users use the system. This is in contrast with usability inspection methods where experts use different methods to evaluate a user interface without involving users.

Use cases

Use cases describe “who” can do “what” within the system being designed. The use case technique is used to capture a system’s behavioral requirements by detailing scenario-driven threads through the functional requirements.

User Studies

Observing how people interact with products, services and experiences in order to come up with new solutions. User studies can help reframe a problem in a new way. They can also help see things that have gone unnoticed before.

Content Strategy

Details how content is/should be used on a site, how to increase value

Content Audit

Records type/location of site content, recommends action for each item

Content Schedule

Plans how content should be re-purposed/created for a site, who should do it, etc.

Search Strategy

Outlines how search should work for a site, what technologies can be used, how it integrates with other sites

Search Interface Design

Plans how the search system will ingest queries and produce a Search Engine Results Page, plus the interface design for that page

Taxonomy Strategy

Outline how to design a taxonomy(ies) for a site, and how they will work

Meta Data Schema

Detailed model of the taxonomy(ies) using customer data

Enterprise Content Management Strategy

Overall plan for how an ECM can be used on a customer’s site

Content Modeling

Plan that details content types and content elements within a content management system

Content Publishing Workflows

Details the entire lifecycle of content for a site, from creation to archive