large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="https://medium.com/ux-power-tools/how-to-get-out-of-designing-another-ing-dashboard-e1ea8f7c9559?source=rss----154889bc1920---4">UX Power Tools &#8211; Medium</a> | Christian Beck <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2uQqVWQYGF78Vp5QMLi6xA.png"></p>
<h4>Tiny Tactics</h4>
<p><em>Disclaimer: If you enjoy dashboards, this article isn’t for you.</em></p>
<p>If you are like the rest of us UX designers who have often been quoted, “It’s the interaction that matters more than the visuals,” then this article is for you.</p>
<p><strong>This is for the other 99% who are more interested in getting out of designing that dashboard your product manager so desperately wants.</strong></p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*TRr7do5a26p-ot2xe7PmDA.png">“Make it like this. Now design, monkey. DESIGN!” (from <a href="https://dribbble.com/shots/4160785-ReatKGraph">niccoer</a>)</p>
<h3>But first, why the hell do people want dashboards in the first place?</h3>
<h4>They are the most literal representation of BIG data possible</h4>
<p>Remember when the term “big data” came on the scene? Personally, I thought it died, but lo, a quick Google Trends search shows it’s alive and well.</p>
<p>What companies are still figuring out is how to make sense of all the GIGANTIC data they are collecting. The best ones are doing amazing things with machine learning or bots, but by and large, it’s still a field just hitting its stride. And while designers (like myself) like to whine that dashboards aren’t useful, they do give a nice insight into data that was previously opaque to most users.</p>
<h4>They look sexy</h4>
<p>I am the first to admit, good UI does not always mean “sexy”. Even in the days of skeuo-mania, the best interfaces were visually simple.</p>
<p>So when you’re designing a new product, it’s hard to elevate your work to become screen-grab ready (incidentally I think this is what has driven the trend to more illustrations and <a href="https://medium.com/ux-power-tools/tiny-trend-6-blockframe-heroes-cc7428fcdef9">blockframes</a> in product marketing sites).</p>
<h4>They are the showroom for products</h4>
<p>It’s really easy to use a dashboard to convey a lot of functionality. You can put little graphs, some lists with people on them to show collaboration, a mini-calendar. It’s like the first floor of IKEA.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*VHcu-a2k2PZHpPXv8qG8yg.png">IKEA is actually Swedish for SHÖRÜÜMMĖ (unverified)</p>
<p>But let’s be honest. This is a safe space here. Dashboards terrify most of us. All the colors and spacing, and constant bombardment of mortifying Dribbble shots from designers halfway across the world. <strong>It’s too much</strong>. Never fear, here are some tactics to help you get out of designing that next dashboard.</p>
<h4>1. Punt it to developers</h4>
<p>This is the least ethical of the approaches. But, it can be helpful to all parties involved. Whatever you design by way of graphs is going to have to be built, and usually, developers will be using a kit or library. So all that Dribbble nonsense you want to do will be cut <strong>immediately</strong> when you get to scoping. Instead, work with developers on having them build the graphs and charts live in code. You can advise on sizing and colors. <strong><em>The important stuff.</em></strong></p>
<h4>2. Do some research and establish key use cases</h4>
<p>I’m sure you read that and got offended because what self-respecting designer hasn’t already done this? Again, this is a safe space. All honesty here.</p>
<p>From time to time, even the best of us forgets <em>The Fundamentals</em>. Dashboards are typically born out of development or marketing which means they often haven’t been properly researched. Don’t believe me? Go interview 6 users and ask what they are trying to achieve, what their goals are, and what are their biggest challenges. I guarantee none of them will say, “I just need to view more graphs and charts.”</p>
<h4>3. Design an email report</h4>
<p>Your main objective when asked to design a dashboard is to deliver some sort of metrics to some sort of important person. You can easily get out of this by (rightly) convincing your stakeholder that important people shouldn’t have to login to an app. But you need a better option.</p>
<p>Enter the email report. It has stats but it’s easier to design and much more effective because it’s delivered to an important person’s inbox rather than relying someone logging into a URL they will definitely ask a subordinate for.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*LFUV3uXiDsze2r6BJw8UlA.png"><a href="https://medium.com/u/55ebd440c113">Really Good Emails</a> has great examples (from: <a href="https://reallygoodemails.com/promotional/email-digest/slack-reallygoodemails-updates/">https://reallygoodemails.com/promotional/email-digest/slack-reallygoodemails-updates/</a>)</p>
<h4>4. Design a <a href="https://medium.com/u/26d90a99f605">Slack</a> bot!</h4>
<p>Speaking of Slack, an even simpler way to deliver data to a user is to use the plethora of messaging platforms people are already using. I get most of my analytics delivered through various slack channels. It’s a lot easier, and has a bit more novelty than a graph-heavy dashboard that nobody will visit.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iqlo6V1H4-Gywaw3A_lYIA.png">Look how much easier it is to mock this up rather than a bunch of pie charts! Shameless plug to <a href="http://innovatemap.com/">our agency</a> to give us some more much-needed traffic.</p>
<h4>5. Use UX Power Tools</h4>
<p>Shameless plug time, but you’ve made it this far so I owe you one method that basically amounts to doing no work but still delivers a dashboard. Our <a href="https://gumroad.com/l/uxpt-web">kit comes with a bunch of pre-made charts</a>. Just plug in some colors, and change some chart labels. Voila, a brilliant, CEO-worthy dashboard.</p>
<p><em>When I’m not helping you get out of doing your job, I’m working on Sketch design tools at </em><a href="https://www.uxpower.tools/"><strong><em>UX Power Tools</em></strong></a><em> to make you a better, more efficient designer.</em></p>
<p><a href="https://www.twitter.com/uxpowertools"><em>Follow UX Power Tools on Twitter</em></a></p>
<p><a href="http://earn.com/christianbeck"><strong><em>Contact me directly</em></strong></a></p>
<p><a href="https://www.uxpower.tools/">Sketch smarter.</a></p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=e1ea8f7c9559" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://medium.com/ux-power-tools/how-to-get-out-of-designing-another-ing-dashboard-e1ea8f7c9559">How to Get Out of Designing Another #@!%ing Dashboard</a> was originally published in <a href="https://medium.com/ux-power-tools">UX Power Tools</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


How to Get Out of Designing Another #@!%ing Dashboard

How to Get Out of Designing Another #@!%ing Dashboard

Tiny Tactics

Top Stories