Tutorials
Tutorials
Do you want to quickly learn how to use ProtoShare?
The following video tutorials show you how to build collaborative, navigable website prototypes that will delight and inspire your colleagues and clients.
1. Build
Creating Pages
Use the Build screen to create and configure pages. You create, duplicate, and rearrange pages using the Site Map. The Site Map is an interactive tree structure that makes it a snap to visualize and organize pages. Want to duplicate a category page for your eCommerce site? Just click the Duplicate button. Want to rearrange a page? Simply drag it to a new location. And these changes are automatically reflected in the navigable prototype.
Learn how to:
- Create and configure pages
- Upload images and other assets
- Upload design comps
- Optimize pages for search engines
Editing Pages
Use the Pae Editor to creat wireframes for your prototype pages. Quickly create compelling wireframes by adding standard website functionality via components. Increase the fidelity of your prototype by adding content and styles. In a matter of minutes you can build a rich, navigable prototype.
Learn how to:
- Build a basic wireframe
- Create navigation
- Create forms
- Add content and styles
Using Templates
Templates allow you to use your work across multiple pages. If your prototype includes features such as global navigation, or has pages with the same look and feel, then templates wills ave you both time and frustration.
Learn how to:
- Save your work as a template
- Create global footers and headers
- Apply templates to pages
- Override template content on a page-by-page basis
2. Review
Reviewing Pages
Use the Review screen to discuss your prototype wireframes with clients and colleagues. The real-time communication makes it easy to include input from all stakeholders and to quickly reach consensus.
Learn how to:
- Create topics, add comments, and begin the dialogue
- Change and update the status of topics to track progress
- Export the review notes to a requirements document
