Welcome to the ProtoShare blog.

What color should that button be?

Comprehensive article about color and marketing here.  Really enjoyed the read – lots of supporting documentation and covers a wide range.  In the end, though, the author sums it up with:

Color psychology will always be an art form.


Posted in Industry | Leave a comment

Mobile First is a Hoax?

Interesting and quick read on IXDA on Linked In:  Mobile First is a Hoax.  (If you’re not a member, sign up!)  The long and short of it is the writer’s opinion that Desktop First results in a better final product.   He makes some good points, but ultimately, I think Mobile First focuses you better on the most important items first.

One place I do agree with the author completely – you can’t just design for mobile (or desktop) and expect a responsive framework to do all your work for you.  You really need to plan out the experience for different sized devices.  And in my experience that means desktop, tablet and phone, despite the fact that screen sizes and touch vs. mouse are rapidly changing and proliferating.

As always – let us know your thoughts!

Mobile First Prototype with ProtoShare

Mobile First Prototype with ProtoShare

Posted in Industry, Prototyping Benefits | Leave a comment

Review and Feedback – Making the Most out of Your Review Process (part 2)

This is part two of a post about using ProtoShare to improve your review process.  You can read part 1 here.

2)  Keep your feedback simple.

ProtoShare’s topics lend themselves to simple, focused feedback.  Dropping a pin to create a topic opens a threaded discussion for only the stakeholders you invite to that topic.  This allows you to get the right people to see the right information.

Screen Shot 2015-08-11 at 2.19.01 PM

Create a ProtoShare topic by dropping a pin.

3)  Provide guidance with specifics.

Because topics are based on the placement of ‘push-pins’, users are encouraged to focus on specific areas of the prototype, and when engaging in a discussion, the context is unambiguous for all stakeholders.  Selecting a pin even activates the page states that were active when placing the pin, so you can add pins to pop-up windows, specific slides on a slide show and more, and your reviewers will see the correct context when they select a pin.

Finally, because sometimes providing guidance requires more information than just a few words, you can add an attachment in a topic response.  Whether that is an image illustrating a change or concept, or a pdf with content or copy revisions, ProtoShare’s review lets you keep these items together and in context.

Add attachement to ProtoShare Topic.

Add attachement to ProtoShare Topic.

Thanks for reading!  Let us know your tips for improving review.

Posted in Industry, Prototyping Benefits | Leave a comment

Review and Feedback – Making the Most out of Your Review Process.

We write a lot about how to build prototypes and wireframes.  Sometimes we forget to emphasize the importance of Review in ProtoShare.  After all, the only reason to build a prototype is to communicate your ideas.  ProtoShare’s Review functions let all of your stakeholders experience and leave feedback so that you can quickly iterate through ideas.

I was inspired to write this post by an article on ConceptShare’s blog about speeding up your creative review cycle.  I wanted to call out a few ideas that you can implement using ProtoShare to improve your processes.  As this post started to get rather long, so I’m going to write multiple posts, and focus on a single issue per post.

1)  Provide Context to the Reviewer

With ProtoShare, there are many ways to provide context.  First, a functioning, clickable prototype invites exploration which helps stakeholders to get a better understanding of what you’re building.

Second, you can add ‘Annotations’ to your wireframe, which can provide specific instructions and tips on any given prototype.  You can also set up your annotations so that they ‘trigger’ a state.  When your user clicks the annotation, you can activate an animation, pop up a dialog or whatever you need to get the prototype into the right state.

Screen Shot 2015-08-07 at 11.49.13 AM

Add annotations to provide context to your reviewers.

While both of these can help users engage with the prototype and leave valuable feedback, another method that can really help guide stakeholders is by seeding a prototype with Topics.  In this example, we’ve used the ‘purple’ colored pins to walk stakeholders through important points.  They can respond to the seeded topics, or add their own topics in response.

Users can restrict their view to just the ‘walkthrough’ topics, and clicking each topic will navigate them to the correct part of the prototype, and also activate any necessary states so that the Reviewers see exactly what you want them to see.

ProtoShare Review

Use topics to guide reviewers.

In the next few days I’ll be adding articles discussing a few more items on the list of tips to improve your Review process. If you’ve got your own tips, share them here!

Posted in Industry, Prototyping Benefits | Leave a comment

Google Product Design Sprint

Wanted to share a link to Google’s ‘Product Design Sprint’ playbook, which includes a prototyping phase.  I love these phases as way to rapidly develop and refine ideas, and to get real feedback on the outcome.  Get your ideas out of your head and in front of real users as fast as you can!


Posted in Uncategorized | Leave a comment