![]() The text key indicator and previous period value are randomly set on page load.Instead of ] for the width, just replace 240 with your maximum size. The biggest size it can grow to is in the same master (One vertical or One horizontal), on the OnPageLoad interaction. To change the color or the vertical and horizontal graph bars, just edit it on the One vertical or One horizontal bar.Changing the size is a little more complicated, as it requires to re-align all shapes, but still doable in a short time. To edit the color, you have to change it within all the panels. The circular progress bar is a master, with each status (decades from 0 to 100) being a dynamic panel.To change colors or size, you might have to open the masters themselves, and make the relevant changes. They are designed as masters, so very easy to drag and drop to any interface. ![]() The idea of wireframing this dashboard is to be able to re-use widgets in any project. How to use widgets from this Axure 8 source Mine is not animated, but it opens a lot of new possibilities. This pen tool for example allows you to start with a plain horizontal line, and transform it to a curve.This allowed me to design rounded triangles that I was able to use for the pie-chart and the circular progress bar (in the previous version, I had to use the semi-circle flow shape, and could only cut it to the quarter of circle with dynamic panels.) By doing this, you can then add points, and move them individually, thus designing your own shape. A pen tool allows to transform a shape in a custom shape.This allowed me to easily prototype the vertical bars graph, which previously required a move action. Instead of the height always being calculated from the top of the widget, you can now change the size of a widget from the bottom, which is great. When changing the size of a widget, you can now set the anchor point.I found evolutions are mostly positive, and bring interaction to an even higher (and even funnier) level. If at first sight the Mac-like header was a disappointment, this would be the only one. In the process of wireframing these widgets, I tried new features of Axure 8. ![]() View the HTML prototype demo on Axshare or download Axure source Key learnings about Axure 8 I also added to this demo dashboard a key indicator with trend (comparison to previous period) and a simple curve, easy to design on Axure now. ![]() This prototype includes a circular progress bar (much better than the previous circular progress bar I could design), horizontal and vertical bars charts and a pie-chart. I have been working a lot on dashboards and data visualization lately, and I decided to try the new Axure 8 in the objective of creating an animated dashboard composed of data visualization widgets that I could re-use in later wireframing projects.Īs a result, the *.rp file includes a dashboard with different data visualization widgets, easily re-usable for any project. Axure 8 has recently been released as a Beta version for first testings. Reading the release note, a few improvements caught my eye, like the rotate action, the possibility to draw your own shapes, apply interactions on groups and set boundaries when moving widgets around.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |