Quickly prototype and test designs with UXPin

Quick Details

Name: UXPin, http://www.uxpin.com/

Purpose: UX Design / Prototyping

Type: Web application, hosted in the cloud and accessed via a browser

Pricing: Starts at $19/mo for basic (as of 6/6/17). I'm on the $29/mo pro plan. My free trial lasted 10 days, no credit card required. 

How do we use UXPin?

Prototyping and user experience design throughout the product lifecycle

I signed up for UXPin so I could immediately "build to think" about a new product idea, answering the fundamental questions, "what is it" and "what might it look like?" Like a child building a castle of toy blocks, rapid prototyping in UXPin is like assembling pre-made blocks, shifting them, re-stacking them and continuing to tinker, until it looks and acts like a castle, without much harm if it topples over along the way. 

The results are fast and inexpensive digital prototypes that can be used in testing whether feature ideas will solve a job to be done and fit the market -- essential parts of the Strategy phase -- before investing in expensive visual design and development services. 

In the Build phase, you can increase to pixel-perfect design fidelity and flesh out interactions, collaborating with team members on a functional prototype without lengthy and often misinterpreted narratives and annotations.

And in the Grow stage, UXPin could assist in designing alternative features and interfaces for A:B testing.


Library of interface elements

Library of interface elements

UXPin is a graphical user interface for designers, with drag-and-drop elements and point-and-click configurations. It comes with several libraries of common app and web interface elements, such as form fields, buttons, icons, etc..

Its interaction builder, shown below, means you can add triggers such as clicking, mouse-over and touch controls to any element and associate them with actions such as going to a page or URL, moving an object, hiding / showing an element, and several more. That way, with a few clicks, you can demonstrate functionality and customer flow in addition to the visualization a flat wireframe would provide.

Without knowing code or having graphic design skills, you can fine tune from rough concepts to pixel-perfect designs, including interactive elements and animations. It even has built-in support for multiple break points for designing for different size screens and devices. And like most design apps, you can create layers, scale items, change colors and fonts and enter pixel-level calibrations.

It exports prototypes in your choice of images, PDFs and HTML formats (my favorite). It's collaborative, including editing, commenting and live demonstrations.

Just a few of the actions that can be added to a design to simulate the user experience.

Just a few of the actions that can be added to a design to simulate the user experience.

Compare to 

Marvel, Sketch, Photoshop / Illustrator, Keynote / Powerpoint, pen and paper, HTML/CSS/JS

I found UXPin more immediately feature rich than Marvel, an even simpler prototyping tool, particularly in the range of interactions you can activate. Marvel has a free level, so it's a viable solution when paired with other design apps.

UXPin is end-to-end for interactive prototyping, going beyond what can be done in drawing and design tools, such as Sketch and Photoshop, or presentation slide tools such as Keynote and Powerpoint. You can import Sketch, Photoshop, images and scans of ink-on-paper sketches into UXPin to add interactive elements, and you can export out of UXPin if you want to use designs on slides.

And, despite my love for getting into the code, its GUI is far faster than coding in a text editor or web-page layout tool.


Need to create a prototype?

Team Loquist can create interactive digital prototypes for you, including full websites, web applications, mobile apps, new features, shopping experiences, shopping carts, etc.

Request a free proposal now