Watch the ProtoShare Video

The Buzz About ProtoShare

Video Tutorials

The videos below reflect ProtoShare version 3.0. In addition to these videos, if you have any questions, or need assistance, please check out the comprehensive User GuideProtoShare forum, e-mail customer service, or see an overview video of Protoshare 3.6.

Video tutorial: Description:
Projects:
Setting Up a Project
In ProtoShare, your work is organized around projects. A project is typically a website or web application prototype, but it can be any collection of pages, wireframes, and creative content that benefits from real-time collaboration. In this tutorial, you will learn how to:
  • Create a new project
  • Add members to a project
  • Duplicate a project
  • Archive a project
User Management:
Create, Add, & Edit users
Working with ProtoShare often involves multiple stakeholders with different skills and responsibilities. To support a diverse team, five user roles are available. In this tutorial, you will learn how to:
  • Add users to a project
  • Create new users
  • Edit existing users
Sitemaps & Pages:
Creating Pages from the Sitemap
You create pages in ProtoShare using an interactive tree view called the Site Map. The pages are easily configurable and are directly related to the navigation you define for your prototype. In this tutorial, you will learn how to:
  • Create and configure pages
  • Specify documentation
  • Optimize pages for search engines
ProtoShare Editor:
An Overview of the Editor
The Visual Layout Editor in ProtoShare provides all the tools you need to create clickable wireframes including a rich collection of components, a free-form canvas to create your designs, and a toolbar to facilitate your workflow. In this tutorial, you will learn how to:
  • Open the Editor
  • Add components to the canvas
  • Configure components
  • Use the toolbar
Wireframe Overview:
Working with Components
With ProtoShare, you can easily build clickable wireframes that simulate a real interactive experience. The wireframes can demonstrate navigation, content, and design. In this tutorial, you will learn how to:
  • Create a header/footer template
  • Assign the template to a page
  • Configure image and navigation components
Templates:
Create, Assign, Change, & Re-Use
Reuse your page designs by saving them as templates. Use templates to create headers, footers, sub-navigation, and other elements that you assign to multiple pages in your prototype. In this tutorial, you will learn how to:
  • Create a template
  • Nest templates
  • Define a template offset
  • Assign templates to pages
Clippings:
Create, Save, & Re-Use Work
(a.k.a. Stencils)
ProtoShare lets you reuse your work with Clippings. Clippings are saved groups of Components. In this tutorial, you will learn how to:
  • Create clippings
  • Paste clippings to pages
  • Manage existing clippings
Rich Functionality (RIA):
Use States & Actions to Simulate
Prototype rich Internet functionality via states. Use states to build pop-ups, tabbed panels and much more. In this tutorial, you will learn how to:
  • Create states
  • Attach state actions to components
  • Simulate a pop-up
  • Use State Navigation to simulate a tabbed panel
Reviewer:
How to Participate in the Online Discussion
ProtoShare enables your entire team to collaborate in real-time during all phases of prototype development. Project members can review and provide feedback on both clickable wireframes and design comps. In this tutorial, you will learn how to:
  • Browse review feedback
  • Create and edit review topics
  • Create annotations
  • Upload a design comp