User Interface stencils

Free
Web Detail Flowchart

Web Detail Flowchart

The page title, page file name and page description area labels are editable. I added an example of how I use this stencil. Feel free to use as you like though.

Free
Creative Commons

Creative Commons

Need to add a Creative Commons badge to a layout? This stencil has them all!

Free
Web Page Elements

Web Page Elements

Using the open-source "Bitstream Vera" font set and free icons from FamFamFam, you should have most of your common web page elements covered, including headings, form elements, content management function, image placeholders, etc.

Free
Web Flowchart

Web Flowchart

Charles Parcell has created a very slick set of stencils for website flowcharting that has just about every component you might use for a site, from Flash to PHP to .Net. And all of them in a unique, colored style. Awesome.

Free
Web Form Elements

Web Form Elements

Edward Anastas has put together a handy stencil composed of often-used elements in HTML and web page forms: radio buttons, checkboxes, combo boxes, entry fields and text areas. Nice looking and Aqua, to boot.

Free
UX Activities and Documents

UX Activities and Documents

A stencil of UX activities and documents to illustrate the work that designers and researchers do. [originally created by Todd Zazelenchuk (Plantronics) and Elizabeth Boling (Indiana Univ)]

Free
Mind Mapping

Mind Mapping

Use this stencil to represent words, ideas, and tasks arranged around a central idea.

Free
Mac OS X Interface

Mac OS X Interface

Much interface design at Omni has started with a quick mockup in OmniGraffle. Here's the stencil I've been building, adding elements as I need them. Most designs start with an existing screenshot, with swatches of controlColor over things we need to get rid of, and layers of new controls on top of that. Clearly there are lots...more

Free
Block Diagram Shapes

Block Diagram Shapes

Block diagrams are simpler process diagrams that are used to depict online processes. One diagram represents one process, for instance, registration. Block diagrams can be used to very quickly define how a certain task or process is completed online. The diagram depicts each step in the process with all the pages and...more