We are sunsetting Pidoco effective May 31, 2023. Learn more…

Pidoco. Your wireframing tool.


Interaction Dialog

What is the interaction dialog?

In the interaction dialog you can define the user action (which triggers the interaction) and the system reaction (the response of the prototype). You can add multiple reactions to one user action and specify the both user action or the system reaction with additional parameters.

Available user actions

  • clicks/taps: Define the mouse button on which the user needs to click (left or right click).
  • tap and holds: Define how long the user should tap and hold the fingers on the respective element.
  • Hovers: Determine if the user should enter or leave the selected element.
  • Swipes: Select the swiping direction (left, right, up or down).
  • Pinches: Choose the pinching direction (in, out or any direction).
  • Changes location: Define the GPS-location here on a map and determine if the user should leave and/or enter this specific location.
  • Presses keyboard shortcut: Define the key or shortcut, which should be pressed to trigger a reaction. This will be shown under Sequence. (Adding multiple keys and/or shortcuts is possible.)
  • Turns device: Define the direction the device should be turned to, either landscape or portrait.
  • Tilts device: Define the tilt direction of the device (to the left, right, up or down), the tilt movement (forward and/or backward) and the tilt angle of your device.
  • Shakes device: Define the intensity (1 = low, 3 = high) and the duration the device should be shaken.

Available system reactions:

  • show page: To show an additional page choose if you would like to create a link with or without a reload and if the link should open in a new tab or if it should be an instant link within the same frame. Animations, such as fading and translations and delays can be added, too.
  • change layer visibility: Define if the header and/or footer should be visible, hidden or toggled.
  • play a sound: You can upload a sound here, which can be played for a specific duration.
  • go back (browser history)/go forward (browser history): With this reaction you can move back and forward in your browser history.
  • show a system alert: Write a message that should be displayed as a system alert.
  • show overlay: To create an overlay, select the page from the dropdown.
  • hide overlay: If you use an overlay, you can hide again. To do so, chose this reaction and define the point of time when it should disappear.
  • Scroll page: Determine the position (to top or to bottom), the duration of scrolling (in seconds) and the point of time when the automatic scrolling of your page should commence.
  • close browser window: To close a browser window, define the delay.

Additional parameters

  • directions,
  • angles,
  • intensity,
  • click type,
  • characters,
  • finger count,
  • individual sounds,
  • animations, or
  • delays.
<< back to overview

Newsletter Signup

Sign up for our newsletter to stay up to date.

Don't worry. We only use your email to send you relevant news. No spam. Promise.