Welcome to the ProtoShare blog.

ProtoShare 9.4.7 releasing on June 7th

We’re happy to announce the release of ProtoShare 9.4.7 scheduled for June 7th.  This release features the addition of support for mobile swipe gestures, as well as support for both mouse-over and mouse-exit (in addition to hover).  We’re also adding support for multiple pin colors in Review to help you segregate your topics into different groupings.

Swipe Gestures

When configuring a component to trigger state changes, you have the option to toggle between touch settings and standard settings.  Both sets of settings will usually work on either desktop or mobile.  The main exception is the hover settings – as there is no mouse on mobile, hover, mouse-over and mouse-exit don’t trigger events on mobile.  By using touch events, you gain access to swipe events, and your prototype will use native touch events when available to provide a better mobile experience.

Screen Shot 2015-06-01 at 10.49.16 AMScreen Shot 2015-06-01 at 10.49.02 AM

Mouse in, Mouse out:

While we’ve long supported a hover action, we’ve added mouse in and mouse out, to provide you with additional control.  You can still use the hover action if that suits your needs (it requires a little less configuration).

Pin Colors

We’ve added support for 5 different pin colors in review.  You can switch the color when you create a topic, or when viewing a topic you own.  When creating a new topic, ProtoShare will also remember the group of users you last used for that color, which ensures that you can quickly invite the right group of users to the right discussions.

We’ve also added a checkmark to all ‘Resolved’ topic pins, so you’ll be able to see at a glance which topics have been resolved.

Screen Shot 2015-06-01 at 10.58.53 AM

 

We hope you enjoy these changes.  Keep the feedback coming, we love to hear from our users!

Posted in Uncategorized | Leave a comment

Viewing a Wireframe on Mobile Devices

Did you know that you can quickly view your designs on your mobile device? All you need is the ProtoShare Business Edition and a mobile friendly design.

Mobile in the right-click menu for designs

Mobile in the right-click menu for designs

 

 

There are a few ways to set up a design to be mobile friend. You can right-click the design you want to change in the Designs pane below the Page Tree in the left sidebar and select “Format as Mobile App”. You can also find this option in the right sidebar under the Design Properties pane.

 

 

Once you are ready to run the design on a mobile device, click the File menu above the canvas and select View on Device. You will be presented with an URL and Pin code that you will access via your mobile device or you can scan the provided QR code that will link you directly to your design.

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

Advanced HTML Component – Page Redirect

In our first post covering the Advanced HTML Component, one of the examples we gave was for a delayed page redirect. Seeing as that example is now four years old and we get requests for this feature regularly, we thought we’d provide an update.

The example below should be pasted into an Advanced HTML Component. The wa/page?oid=146 and 5000 need to be changed to your own page URL and delay. You can get the URL for the target page by right-clicking the page name in the project site map and choosing get URL.

This redirect will only work in Run and Share -> Open in Review modes.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    var targetPage = "/wa/page?oid=146"; // Target page URL
    var delay = 5000; // Delay before redirect in milliseconds
    function redirect(){
        var frame = window.parent.frameElement ? window.parent.frameElement : window.frameElement;
        if (!frame.s9_workspace) {
            setTimeout(function() { window.parent.location = targetPage; }, delay);
        }
    }
</script>
<title></title>
</head>
<body onLoad="redirect()" style="background:transparent;">
</body>
</html>

 

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

Niche Acadamy introduces Prototyping Course

From our friend Jeromy Wilson over at Niche Acadamy:  they have just released a course on prototyping which you can sign up for today.  I’ve looked at the course material, and there is a fantastic amount of instruction and information, so if you’re looking to learn, give this course a try.  Jeromy has been a ProtoShare user for years, and we’re featured in the course.

Jeromy also has an interesting article about prototyping called “The most important skill of the decade” over at Linked In, so take a look.

I’d love to hear your thoughts about the course, and let me know about any other prototyping resources you find useful.

Posted in Uncategorized | Leave a comment

Web Development: Optimizing your web site for speed.

We frequently use Google Page Speed insights to make sure that our websites are running as fast as possible.  If you haven’t tried it on your site, give it a go – its fun to see, and there is inevitably a lot of low-hanging fruit you can access to improve your score.  ProtoShare.com currently scores a 92/100.

Some of the suggestions, particularly removing all render-blocking css and javascript below the fold, can be quite tricky to do, and they certainly conflict with standard development process, where adding scripts and css to the head tag is pretty standard.

Some of the suggestions are easy.  Like setting an expires header on your content so that browsers can cache it for up to a week.  While its true that you can’t do this for everything, if you can do it for part of your site, you can and should.  Even frequently updated libraries can be versioned so as to support a long expiration time (and long cache times).

So – the easy ones we did – we currently have only one file that google is telling us to increase the cache time:

Screen Shot 2015-04-17 at 2.39.08 PM

Yes – that’s right, its google analytics.  My OCD really really wants them to bump this up to a week.  Or they could just exclude it from their page tool.

At any rate – take advantage of page-speed, and all of the other great tools Google offers for web development.  Just don’t expect perfection.

Posted in Industry | Leave a comment