Welcome to the ProtoShare blog.

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

The Golden Ratio

Interesting article about the Golden Ratio use in design, asserting that the whole thing is a myth:  Article Here.  I’ve been reading ‘Thinking Fast and Slow’ by Daniel Kahneman which talks a lot about inherent biases in human decision making, and Kahneman’s ideas really resonated when reading the article about the Golden Ratio.  The short of it is that human beings love to create stories and narratives, and as long as the narratives ‘feel’ right, we’ll have a high level of confidence in them whether or not they are true.  All of this leads me back to the importance of getting your ideas out of your head, making them concrete, and then validating and testing.  This is how we and our customers use ProtoShare, and while we probably still fall victim to our own biases, watching users interact with your ideas can really help you base your decisions on stronger, valid evidence.  Enjoy the articles!

Posted in Uncategorized | Leave a comment