Tuesday 28 July 2015

Justinmind Prototyper Android and Websites

Justinmind Prototyper Android and Websites

Justinmind screencap

First up we have the interactive wireframe creator Justinmind. This tool boasts that it is in the business of changing the way you prototype by making the process faster and communicating your ideas easier.
Off the bat Justinmind sets an inviting tone – the scrolling, container-less, animated slideshow that takes up most of the home screen gives you an idea of the interface and how it works which really had me wondering if it was actually going to be that easy. Of course the only way I could decide that was to create an account.

Registration

By clicking the black CTA calling for you to “Get Started Free” you are taken to a very simple registration form. On the registration page they let you know immediately that “no credit card is required”. This put my mind at ease that this wasn’t just going to be a 14 or 30 day trial before asking for some type of payment, you know unless I wanted to upgrade. Please note that there is a “pro” version of this tool if you really need the extras.
Create an account
After quickly registering, a literal 10 seconds on my part, I was informed that I was all set to go and prompted to download and install the editor.
While some people may be turned off by the prospect of having to download and install a program, I am actually all for it. This guarantees that I can get to work without having to worry about whether I have a connection or not.
The only negative I found with the installer is that you aren’t informed of the installation process or what platforms are compatible until after you click the “download and install button”. It would have been nice if the compatibility information was shown before you start downloading.
Install Justinmind prototyper
Note: With the download you will receive a 30 day trial of the Pro version before being switched to the “Forever Free” version.

Getting Started

For the record, it only took me two minutes to install the Justinmind Prototyper once it downloaded. Like most programs of this nature you’re given three choices, new, open and learn. Upon clicking to create a new prototype you are prompted to select one out of ten available device options which includes Google Glasses. How many prototype tools do you know have that option?
Select a device
Depending on the device you pick you are given certain preference options you can tweak based on your project needs.
Choose a prototype

The Interface

The interface
On first glance the interface looks polished and professional. For free software, you really do seem to get all the bells and whistles for your prototyping needs. Arguably the interface might appear slightly intimidating but if you’re familiar with Adobe products and used to similar interfaces and setups it isn’t that much different.
Make no mistake, Justinmind is not an Adobe clone and it may not be a quick pickup as far as learning it in a matter of five minutes. Just in case you do need a little assistance Justinmind offers an efficient and easy 30 second tutorial to get you acquainted with the prototyper.

The Tools

As far as the interface is concerned, while it is elaborate it is user-friendly and setup in a logical manner allowing you to get things done with little to no confusion. The left side of the screen will be your best friend while you prototype. Here you will find widgets that will help you setup your prototype and flesh it out.

Basics

Bsaics
Most people are used to using rectangles and squares when creating their wireframes but with the basic tools you are able to flesh out your prototypes more than you initially would have. In the basics box you will find that you can add everything from geometric shapes, tables, images, texts and more. These are all nice additions and from the looks of it the available basics can undertake multiple uses as item stand-ins.

Web

justininmind-basics2
The web widgets are excellent and fulfill most if not all of your needs when it comes to prototyping websites. Here you will find buttons, file upload options and various lists and checkboxes. Not only that but there are two sub-categories to prototype navigation and html.

Parallax

Parallax
One interesting widget tool is the parallax section. Now I don’t know how common it is for a wireframing tool to offer parallax prototyping, but it is certainly a nice option to have, especially if parallax effects are central to the way your app works (presumably not often though). There are 12 different parallax movements for you to use.
Note: Depending on the device you are prototyping, your widget tools will change in accordance to your device. The only menu that will not change is the basics. For example here is the widget options for prototyping for Android:

No comments:

Post a Comment

Total Pageviews