Welcome to the ProtoShare blog.

Tips for handoff between designers and developers

Came across a nice article about smoothing the handoff from designers to developers.  This article reiterates something we’ve talked about a lot – prototyping and process can help create a shared understanding between developers and UX’ers.  Ultimately, the best hand-off is no hand-off at all, but rather a continuous, iterative process based on communication and working closely together.

I love to see ideas bouncing from UX and developers, and from developers back to UX’ers.  Creating a shared understanding, getting everyone on the same page early and keeping communication open and easy will make your projects run faster, smoother and produce better results.  Using ProtoShare is a great way to make this communication part of your team’s DNA.

Posted in Prototyping Benefits | Leave a comment

ProtoShare 9.4.5 releasing on January 10th

We’ll be releasing ProtoShare 9.4.5 this Saturday, January 10th.

Features this release are:

Design Settings Panel

We’ve updated the ‘template’ panel in the inspector to include other design settings.  This provides an easier, more visible way to edit design settings.

ProtoShare Design Settings

Design Settings

Design Settings Panel Detail

In addition to adding existing attributes to the design settings panel, we’ve also added several new settings:

  • Page background color:  You can now set a background color for a given design.  You can set backgrounds on templates as well, which will be applied to designs using the colored template.
  • Custom Screen Guides:  In addition to the available pre-set screen guides, you can now choose custom guides to add any dimension screen guide to your design.
  • Minimum Width and Minimum Height:  In ProtoShare, the design canvas will expand to accomodate the size of your design.  To add an item ‘below the fold’ on a design required dragging objects and scrolling the screen size, which we heard from our users was a cumbersome experience.  You can now set a minimum height and a minimum width for a design to force the design to have the dimensions you want.

Color Picker with Recently Used Colors

Recently Used Colors

 We’ve also added a ‘Recently Used Colors’ section to our color picker. This will track your 10 most recently used colors, including custom colors that you enter using the design inspector.

Posted in Uncategorized | Leave a comment

Guide: Make a pop up!

Create a pop up in ProtoShare in four steps:



1) Set up your components

a) An original component that will “trigger” the interaction

b) A pop up component that will become visible/hidden

2) Create a State with 2 values

a) Two values are necessary because the first value will be tied to when the pop up component is hidden and the second value will be tied to when the pop up component is visible.

3) Tie up loose ends by setting each component’s Action and Visibility settings

a) The trigger component needs to have an Action set up, like On Click –> Activate State Value 2

b) The pop up component needs to have a Visibility setting, such as Visible only when: State Value 2 is active

c) State Value 1 is associated with the pop up component being hidden by default

4) Test the interaction

a) In Test Mode, the pop up component should remain hidden until the specified action (On Hover, On Click, etc.) is performed on the trigger component.

I’ve created an interactive guide using ProtoShare to help illustrate the above mentioned steps. Click here or the image below to view the guide:

Interactive Pop Up Guide

Click the image to view the interactive pop up guide






Posted in Blog, ProtoShare Tips & Tricks, ProtoShare Workflows | Leave a comment

Happy New Years!

The ProtoShare offices will be closed Thursday, January 1st, 2015 in observance of New Year’s Day. Our engineers will be monitoring for critical issues but standard customer support will be unavailable. We hope you have a fun and safe holiday.

Posted in Blog | Leave a comment

Feature Feedback Friday – Component Outline

We’re working to improve the ProtoShare Component Outline.  The Outline (highlighted below) lists all of the components on your page.  Using the Outline, you can select, re-order, access the context menu, and even drag from the Outline to move a component that is hard to select on the canvas.  Mousing over components in the Outline highlights them on the canvas.

ProtoShare Component Outline

ProtoShare Component Outline


The Changes

Current: Eyeball to toggle hide/show only when state attached to a component

Attaching a “State” to a component (to hide or show it) causes an ‘eyeball’ icon to appear to the left of that element in the Outline. Clicking the eyeball changes States to show or hide the component.

New: All components have an eyeball to toggle hide/show. Components with states attached have a lightning bolt.

We’ve added an eyeball to every component in the Outline. Clicking the eyeball will hide or show that component. The icon for a component with a State attached changes to a lightning bolt.

The other change to the Outline involves identifying components that have Actions attached to them.  Actions in ProtoShare are events (like clicking or hovering on a component) that trigger States to change.  Today, the Outline does not show you which components have Actions.

New: Components with Actions attached show a hand icon to the right of the name.

Outline will display a ‘hand’ icon to the right of any component which has an Action attached.

We’ve written a 2 question survey for you to give us your thoughts, feelings and suggestions on these changes! (You can request a preview of the features too.)

Looking forward to hearing from you!

Posted in Uncategorized | Leave a comment