If an application doesn’t look great, it won’t get used. This is true of any web application and certainly holds true when it comes to embedded analytics. If your embedded dashboards and reports look outdated or clunky, your users will quickly bounce out of your app.
Unfortunately, for developers, design skills don’t always come naturally. That’s where graphics libraries and online tools can help.
Are your dashboards and data visualizations looking stale? The Logi platform supports dozens of free libraries and tools that will take your application way above and beyond what’s offered out of the box. Try these graphics libraries to start modernizing your product’s dashboards and visualizations.
Google Web Fonts
This library focuses on high-quality free fonts for your analytic application. They’re scalable and customizable, which means you keep load times at bay by choose to host, say, the regular font with just the italic and bold options, but none of the others. This helps you minimize the load time you’ll need for this particular library. The fonts scale perfectly from a tiny screen on up, and they come in tons of options.
Adobe Color Wheel
The fact that this library features thousands of color combinations is just the beginning. Even better for application developers and product managers: It completely removes the design pressure. With coordinated color palettes, the color wheel will help you create a complete color scheme, all for free. You can also play around with plenty of different color algorithms, so you’re not tied down to just one palette.
Have a library you’re already comfortable with? Logi probably works with it. A few that we pair especially nicely with:
- Bootstrap: Bootstrap is made to provide all those front-end interface pieces that you can just pick up and use.
- Skeleton: If you want to scale down, cut down on bloat, and make sure your app is really streamlined, Skeleton will give you a stripped-down basic framework, then you can build on top of it.
- Foundation by Zurb: Similar to Bootstrap, this library offers a robust set of tools and components that make it easy to build a responsive application.
- Materialize: Based on the Google material design that’s been picking up traction lately, Materialize is a completely responsive framework to give you a nice, clean material design with lots of options.
Beyond Libraries: Wireframe Tools
We’ve covered libraries you can use. But what if you’re building a new report and you want to make sure it surpasses expectations?
Start with mockups. You can do this the analog way, with pencil and paper or on a dry erase board. This is still good for initial designs and brainstorming sessions. But if you’re dealing with remote employees or a more complex approval process, try digital wireframing tools. Solutions like Balsamiq, Axure, SwordSoft, and Adobe Illustrator allow you to connect with spread-out team members and share wireframes and mockups virtually.
Learn more about modernizing the dashboards in your product in The Definitive Guide to Dashboard Design: Best Practices for Product Managers.