Santa Barbara Graphic Design + User Interface & User Experience Refresh for Plot.ly

9:00 AM



Santa Barbara Graphic Designer DNA Imagery

Plot.ly came to DNA seeking a refresh of four cheatsheet's for developers to reference to aid them visualize data.  As in most cases our clients need help not only creating an aesthetically pleasing graphic, but with the organization of information to display it in a coherent way to the end user.

What they currently had in place was this.  Serviceable, but I think we could do better.


Graphic Design by DNA Imagery Santa Barbara
After a quick consultation and understanding Plot.ly's brand & core objective we were able to piece together a graphic that intelligently laid out the information in an easy to understand format.  Drawing the end users eye to the left panel to follow the start up steps before diving into the main content of the cheatsheet helped onboard users.



The result?  Plot.ly loved the graphic so much that they sent it out to their Twitter followers where they received over 20 retweets & 60 likes in 24hrs. Speaking of, if you're active in the twitterverse follow us at @dnaimagery and say hi!


User Interface & User Experience Design by DNA Imagery


Plot.ly had another project that needed a once over, but this time instead of merely graphic design it was also a user experience issue.  The problem they were having was laying out the dropdown menu's in a meaningful way while still being able to maintain all the functionality of customizing the graph.  Here is the web app that we were to work with:

As you can see this could be improved on a few fronts, so we immediately went to work.  First we made sure our design would fall within their branding & style guidelines.  From there we dissected the best way to layout the menu structure before stylizing the entire web app.  Here's what we came up with:

We placed the graph itself in a wrapper with a white background because we all know that higher contrast draws the human eye and the graph is what is the most important piece of the puzzle here.  By pushing the menu across horizontally we were able to create a balanced header bar that didn't feel crammed in the corner.  We also took "Time" out of a drop down menu and turned it into a switch since there was only 2 options to ease the end user experience by making the options more accessible.  We did not change the color of the graph bars because Plot.ly's core color is blue & the warm orange has great contrast against the cool blue to make sure that the most important information pops out at the end user.  Putting UI & UX best practices use goes a long way in making an enjoyable experience for your users.

They always say the best testimonials are the ones you don't pay for.  Clearly Rob was blown away and if you are too make sure you reach out to us to see how DNA can help you on your next project.  Learn more about DNA on our official website at Santa Barbara User Experience Design or give us at ring at 805-680-4931

You Might Also Like

0 comments

Like us on Facebook

Contact Us