Welcome to the ProtoShare blog.

Design With People, Not For Them

Interesting article about ego and designers from hongkiat – I love the sentence “Designing with the people you and your clients want to reach, rather than for them, is key.”  When you’re able to make collaboration work to get everyone in a project on the same page, the results are amazing.  Use ProtoShare to make that happen for your organization.

Posted in Business | Leave a comment

ProtoShare 9.4.6 releasing March 1st

We’re releasing ProtoShare 9.4.6 on March 1st.  This release consists of changes to the Listing in the ProtoShare Editor.  The Listing is a feature that allows you to see an outline view of any component on your design, and to select, move, re-order or perform other operations on one or more components.

ProtoShare Component Outline

ProtoShare Component Outline


Show/Hide control for all Components

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. This is a really useful feature when working on prototypes with many components or layers, by allowing you to hide some of the elements while you are working.  By combining this with Container components, you can use the listing to work with different ‘layers’ in your prorotype.

The icon for a component with a State attached is now a lightning bolt.  Clicking the lightning bolt will show or hide the component by changing the appropriate states.


Actions indicator in the Outline

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.

Thanks for all your feedback on these additions – happy prototyping!

Posted in Blog, Releases | 2 Comments

UX Resources

Wanted to share a really nice article cataloging and categorizing many different UX articles.  Mariusz Ciesla provides links for everything from design process to user psychology to learning technology.  Check it out!

Posted in Uncategorized | Leave a comment

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