ProtoShare Tip: How to Export Wireframes & Prototypes

An important feature in ProtoShare is being able to export your work to an HTML file or Word document. This allows you to have a fully interactive archive of your project and documentation specifying the details of your project that you can share with clients and web developers. What makes this feature even more important is it allows you and others to view your work while offline.

The option to export your project is found under the Pages tab and in the Editor File menu. You are able to export all pages on the project or just the pages that are selected in the Page Tree.

Wireframe & Prototype Export (click for larger view)

Wireframe & Prototype Export

In the Export menu are various options that can be selected to customize your export, such as publishing an HTML export to the web and adding screenshots of all page designs to the Word document. Once the export has completed, the Export History menu will open and show the export that you created as well as past exports, a link to the online export (if published to web), and the ability to download exports. You may also Publish or Unpublish your exports from this menu.

Wireframe Export History

Wireframe Export History

Something to keep in mind while exporting is that if you publish the export to the web and have selected all pages to be exported, you will also export your Home page. For navigation purposes, some users do not use the Home page as a landing page, so if they use the link to view the export online, it may come up with a blank page. If you do not have content on your Home page, it is best to export all other pages so as to produce a starting page that contains a generated sitemap allowing easy access to the remaining pages.

This entry was posted in Blog, ProtoShare Tips & Tricks, ProtoShare Workflows. Bookmark the permalink.

Previous post:
Next post:

Leave a Reply

Your email address will not be published. Required fields are marked *