Posts from "May, 2012"

Check out our new design!

Our new editor design finally went live this weekend! We hope you like our fresh new look and take advantage of its new features. We’ve updated the ‘My Prototypes’ section, where you invite others to view, review and collaborate on your prototypes. In the prototype creator itself, we have included new stencils (such as the much-desired “accordion” stencil – thanks to your feedback!) and updated our export function, so now you can specify the components to be included (or excluded) from your Word and PDF exports.

New UI design of our prototype creator

Our new UI design

To find out more updates about Pidoco, find us on facebook or follow us on twitter!
Until next time, Happy Prototyping!

Working with Custom Stencils in Pidoco

Do you want to save time in your projects? Do you want to reuse elements of your prototypes and ensure that your work is consistent? At Pidoco, we’ve added a new feature, which can help you save time when you create your prototypes. We’ve introduced “Custom Stencils”, which enables our users to edit and group stencils together as templates to reuse when they want.

Custom Stencils are perfect for reusing navigation bars, login fields, footers and any other reoccurring content in your projects. What’s more, any changes you make to your Custom Stencils will be carried out wherever you have used the stencil in your project. With this feature you can save time and ensure consistency throughout your projects.

Custom stencils saved in stencil palette

Custom stencils saved in stencil palette

Here is an example: I have used the Custom Stencils feature to create a template for a group of stencils that occur several times in the profile page of my Social Network prototype. This way I have been able to create a consistent layout, so that my image holder, text block and like button remain in the same relation to one another. Because custom stencils are saved at the left of the screen in the stencil palette, I can simply drag and drop my custom stencils into the page.

Creating custom stencil for wireframe

Create a custom stencil for your prototype by selecting a few stencils

You can create a custom stencil by simply highlighting a selection of stencils, opening the context menu and selecting ‘convert to custom stencil’. After converting the group into a custom stencil it appears in the stencil palette under “Custom Stencils” and can be used like a regular stencil. A custom stencil includes the customized information you have included in your stencils and also saves how the stencils are positioned in relation to one another.

Did you know: Another way to create templates in Pidoco is by using the global layer feature, which allows you to create positioned layers that you can re-use on any page in your prototype, for example to create the main navigation of an online shop.

The Custom Stencil feature is available with our Classic and Expert plans. We hope you can save time in your projects by using Custom Stencils. Watch this space for information on more updates to our product. Happy prototyping!

Working with Folders in Pidoco

Have you checked out our new folder system yet? At Pidoco, you can now use folders to organize your pages, stencils and layers. This is a great way to help you keep track of your work, especially if you’re working on a big wireframe project. You can organize your work thematically, or according to the navigation of your site. You can also create subfolders, which is great if you have lots of content in your project. Some people create different pages in Pidoco to show the different states of a wireframe, such as when a popup is used. With Pidoco’s new folder system, you can then group your pages in the same folder or subfolder to help you keep on top of your work. The new breadcrumb navigation system shows you which folder you are currently in just like when you use your computer’s file system. This makes it easy to see exactly where you are in your prototype and move to other folders and pages.

Selecting prototype folder via the new breadcrumb navigation

Selecting prototype folder via the new breadcrumb navigation

Using folders with Pidoco is easy. To create a new folder, simply click on the plus sign next to the “Folders” label in the Prototype View. This will take you straight into your new folder. From here you can add new pages, subfolders and other elements. You can name folders and add existing pages to your folder by clicking on the context menu of your page and selecting a folder in the parent folder category. You can select multiple pages by holding the ctrl key and clicking the pages you want to organize in the folders.

In the example below, you can see that I have created a folder called “Home” in my Social Network project. I can now organize my page into the folder “Home” or into one of its subfolders (shown by the ‘/’ symbol).

Organizing pages into folders

Organizing pages into folders using the context menu of a page

We hope our new folder system will save you time and make your prototyping even quicker than before by helping you organize your projects. Watch this space for more information about new features. Happy prototyping!