Adding live data to your prototypes

Bradley Simpson


Follow this tutorial to see how to put live data into a prototype

Any time you use placeholder data in your prototype, you’re putting the burden on stakeholders and testers to bridge the gap between what’s in your prototype and what would really be shown. This is not only distracting but also creates risk that the quality of your solution is misunderstood and evaluated.

For complex products, like a live securities dashboard, where the accuracy of the data is crucial, use of placeholder content can undermine test participant’s feedback and results.

Ensuring data displayed in your prototype is real is also crucial in increasing confidence in your design solution, and minimising risk. How can you know that your design solution meets the needs of edge case data if you haven’t tested it with it?

Fortunately, displaying up-to-date data doesn’t have to be a headache. By using the data feature in Atomic it’s easy.

Stakeholders, developers, and testers can now be presented with realistic looking and feeling prototypes using real up-to-date data. There are little or no gaps in understanding for them to fill in, they have higher confidence in the solution, and there is a much greater likelihood that what is built is what everyone understood it to be.

Have ideas or questions about making other parallax effects in Atomic? Join the conversation in our community. New to Atomic? It’s free to prototype in Atomic, easy to get started and insanely powerful!

Posted 19 June 2018

Advanced interactive design & prototyping.