Pencil is a Firefox-based tool to create clickable prototypes.

It has several templates to export the prototypes as an interactive HTML prototype, but none was suitable for testing with users. That forced me to tweak the generated CSS to remove extra navigation elements and adjust the layout.

Finally I refactored those adjustments as a Pencil template that others can use. For those interested, the template is available for download and the project is hosted at GitHub.

Pau

Pau Giner

Interaction Designer

Wikimedia Foundation