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.

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.

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.

As a new member to the Customer Service team, I use ProtoShare on a daily basis. When I first tried ProtoShare, I found it to be a very exciting process. Right away, I was able to jump into designing a wireframe with little prior knowledge. With so many rich components available, I was able, with ease, to create the wireframe that I had planned in my head. While creating my “perfect” prototype, I learned a few tricks along the way that I think are worth sharing.

Create a Simple Header Navigation

One thing I find useful when creating a page header is to have a sub-navigation bar. This way I can separate out certain pages from the main navigation. For instance, a navigation bar with only utility pages, such as Contact Us, About, and Login. You can easily build the page structure for this menu by creating a page with no content and making it hidden from navigation. Then place the pages you want for your sub-navigation underneath the hidden page and set the starting page in your navigation component to the hidden page.

Save Time Testing Your States

For one of my pages, I had a popup window that contained two buttons allowing for multiple choices. Depending on which button was picked, another window would pop up and lead to another multiple choice window.

It got a little confusing when trying to test the states in Review mode since there were so many windows. Instead of creating a button that would allow me to go back to the previous window, I placed a Vertical State Navigation component to the side of the page. This allowed me to quickly test each state value to make sure that the correct window would appear.

I am really excited to be a part of the ProtoShare team and hope to learn the more advanced features ProtoShare has to offer. I also look forward to working with all of our fantastic customers as you create your own prototypes.