UX Stencils
Introduction
The UX stencils on this page are free for downloading and using. They are designed to aid the work of information architects, interaction designers, UX designers, and product designers. In short, they are not for everyone, you may want to familiarize yourself with common UX practices before trying to use these stencils.
Licensing
While they are free to download and use, I would ask you do not re-sell or distribute the stencils yourself as I will be updating the stencils here on this site from time to time and I want to make sure the copy everyone goes to download is the most current version. If you would like to help me convert them to the latest version of Visio or OmniGraffle please let me know.
Software Requirements
The following UX Stencils were created in and specifically for use with Omni Group's OmniGraffle 3 or newer and Microsoft's Visio Professional 2003 or newer. You won't be able to load these stencils in older versions of Visio. OmniGraffle will prompt you to update the file to a more current version, your mileage may vary.
Sitemap Stencil
A Sitemap (in the since of a IA deliverable) is a digram that maps out the architecture or structure of a web site, web application, mobile application, software, or system. These are typically constructed of boxes which represent pages or screens and lines which connect the boxes that represent which screens can be accessed (hierarchically) from a given screen. Arrows are often used to communicate one-way or two-way access between screens. In greater depth sometimes there are legends specifying different types of screens (i.e. internal, external, instances, etc). In some cases a site map will also have a key or critical path for revenue drivers or user tasks. This is often done by applying a note to each screen in that path or click-through. Lastly, each screen has a area where an ID or number can be specified, this is to associate screens to wireframes.
User Flow Stencil
User Flows are simply flow charts or diagrams used to explain and define a process within a web site, a web application, mobile application, software, or system. These are typically constructed of boxes representing screens or actions, diamonds representing decision points with branches in the process, and users representing the individual users. In some cases there are also cylinders which represent databases or information sources, clouds or regions which represent groupings.
Also See
Interview with Nick Finck about OmniGraffle
See full blog post at Omni Group: Customer Stories: Crafting Interaction with Nick Finck
