How to use Justinmind Prototyper to simulate real data in your wireframes with datamasters and datag

Have you ever seen a wireframe with simulated data?

Justinmind Prototyper allows the creation of much more than simple, static wireframes. You can have fully functional prototypes, with events and action as astonishing as search, behaviour changes and commenting systems.



It's not just drawing a form. You can fill in data, and even create a login screen.

You can use widgets to create common web elements such as data inputs, buttons and such. But using datamasters, you can link these inputs to a table, where all the data is stored. So, if you want to import real information from a .csv file or type inside the program, don't worry. Besides, changes done in the files can be exported to any other editor.

Things you can simulate quite easily and you couldn't with just a simple mockup:

• filling a form


• searching for a product


• filtering data, such as bank account movements


• pagination of content such as posts, items in a store, etc


• Personalization of objects (showing things only to logged users, calling the user by his name, etc).


• And many other uses.

Tutorial: Creating a comment form wireframe using real data



Edit a social network's profile just as if it was coded

What kind of changes can the users make in a prototype?

Insert data. Users can fill fields and submit this data to the datamaster, that acts like a database. For example, a sign up form can be filled and stored in your datamaster and then exported.

Modify data. Users can change a previously filled field (changing a password, for example, or editing a comment).

Delete data. Erase unwanted information with a command, just as if you were manipulating your database.

All of these data manipulation commands are easy and can be configured via drag and drop.

What kind of data I can't still use in Justinmind Prototyper

Of course, being a prototyping tool, you can't have all the functionalities of a real website. Yet.

For the moment, datamasters and datagrids only handle text and numbers. You can't create a database of images, but you can still simulate by placing dummy images on your datagrid.

Normal data, such as text areas and text lines, numbers, dates, emails, urls, percentages and money can be used normally.

Justinmind Prototyper is an authoring tool for high fidelity wireframes and prototypes. If you're interested, follow our blog's feed or follow us on twitter.