Posts tagged with "New feature"

New Feature: Scroll to Element Interaction

We proudly present the new scroll-to-element interaction. This new feature is an extension of the existing “scroll page” interaction. It allows you to design interactions that scroll a page to a defined element on that page. This feature has been on our mind for some time, but had not made it on the roadmap yet. Luckily, it was recently requested again by some users and thus got the final push into the sprint backlog.

Pidoco already offered an interaction for scrolling the page to the top or to the bottom. The new feature makes it easier to prototype single page websites which require several scroll anchors. Now you can add a scroll anchor to any stencil on a page to use it as target for a scroll interaction.

Here is how it works

In order to use the interaction you first need to define the stencil which acts as the scroll anchor. Then the interaction can be set.

1. Define anchor element

Select the stencil you want to scroll to, open its context menu and enter a unique name into the anchor name field (e.g. ‘contact form’). You can name it anything you want, but we recommend to name it in a way that allows you to easily identify it from a list of all existing anchor names.

2. Set scroll interaction

Select the stencil, from which you want to trigger the scroll interaction. In the interaction menu, select the ‘scroll to anchor element’ interaction and then select the anchor name from the drop down menu as anchor element.

Watch out! In the drop down, you can only select anchor elements which are placed on the same page as your trigger element. Switching between pages is not intended with this interaction type.

That’s all that needs to be done! We are excited about this new feature and all the new possibilities it offers our users.

What do you think?

Does this feature help your work? What else would you like to see in Pidoco? Leave some feedback and we’ll give our best to improve our tool for you!


Featured Feature: Improve mobile testing

We know that context is very important when it comes to testing prototypes on real users. This is the reason why we try to make testing on real devices smooth and realistic.

Today we shipped two new features that help you test your smartphone and tablet prototypes.

The first is the ability to quickly open a page on your mobile device by copying the URL or scanning a QR code.

Now you also have the option to open a page in fullscreen mode. If you use the feature “Add to Home Screen” on your smartphone (Safari for iOS or Chrome for Android) your page will be automatically scaled to match the width of your device. Moreover, browser UI elements will be hidden.

Happy prototyping!

Featured Feature: New copy-paste shortcut

Today we released a new Pidoco feature which further improves your productivity while creating prototypes.

Now, if you press Ctrl (or Cmd on Mac) before dragging one or several stencils with your mouse, the selection will be duplicated.

Sign in and try it our today.

Happ prototyping!

Featured Feature: Freely order pages and layers

The powerful layer feature has been an integral part of how Pidoco allows users to reuse components in their projects to speed up their workflow.

Layers function as global asseta across a project: Once created, the same layer can be used on multiple pages by simply selecting it from the layers list. When the layer is edited, the changes are instantly visible on all those pages. This is a very efficient way of avoiding redundant work.

You can stack and order any number of layers on a page. Combining the right layers can help you create new pages in the blink of an eye.

Being able to mix pages and layers, i.e. to place the page content between the content of several layers in the stack, has been a highly demanded feature. We had to make some major changes to our system before being able to offer this new option.

Now everything is in place and we are happy to announce that pages and layers can be freely stacked and ordered. This will make using layers easier and more efficient.

Finally, remember that using layers in combination with interactions offers a lot of new possibilities.