Tools

Graph Paper

Pritable graph paper files for interface sketching. You'll find styles for wireframing user interfaces and story boarding interaction. These pages are great for sketching, but also work well when producing high fidelity drawings.

More info...

OmniGraffle UX Template

An OmniGraffle Pro (version 5) template for User Experience Designers with the formats you'll need most for interface and interaction design. Sized so you can work at 100%, and print at 8.5" x 11" or 11" x 17".

In this template you'll find shared layers (masters) for a title page, wireframe, wireframe/storyboard hybrid, simple storyboard, and storyboard with notes.

More info...

OmniGraffle Wireframe Stencils

This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. The stencils on Konigi update the wireframe stencils that I previously maintained at urlgreyhot.

More info...

Schedule and Cost Summary Calculator

This Cost Estimate and Scheduling spreadsheet provides a lightweight method for learning to estimate time to complete a web design project, and calculating cost for completion. The intended audience is individual freelancers or contractors. This may not be an ideal format for the calculation of project team estimates.

The purpose of the document is to teach you to get acquainted with spreadsheets as tools for cost estimation, with the hopes that you will learn to use and modify it to suit your needs. Please note that this is only meant to be learning a tool and must be customized to be useful to you. This is NOT meant to be an out of the box solution.

More info...

Wireframe Magnets (DIY Kit)

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, optionally laminate them so they're usable with dry-erase markers, and cut.

More info...