The Panic Status Board

http://www.panic.com/blog/2010/03/the-panic-status-board/

by adamhowell • 16 years ago

247 52 16 years ago

patio114• 16 years ago

You should have an internal dashboard, even if you're not absurdly artsy Mac developers who can afford a flatscreen monitor to showcase it to anybody in the office. You can have v1.0 ground out in an hour or two -- take your MVC framework of choice, make a single page behind authentication, set that as your homepage or etc -- and it will pay dividends for the rest of your business' life.

It is absolutely absurd how much extra value-producing work you'll get done if tasks which routinely take you 10 minutes take 5 minutes and tasks which routinely take you 2 minutes just don't happen.

If you need some inspiration on what to put on it, I have an article on the topic somewhere... Here we go. http://www.kalzumeus.com/2010/02/09/dashboard-design-for-met...

notauser• 16 years ago

I generally prefer to get my reports by e-mail because I already have a filtering system in place for critical/urgent/useful/noise. It stops me sitting there hitting refresh on a web page to check my stats every 45 seconds.

If you are using Django you can get your daily/hourly reports that way pretty easily - set up a cron job to call something based on this...

#!/usr/bin/python

from django.core.management import setup_environ

from datasvcs import settings

setup_environ(settings)

from django.core.mail import send_mail

from django.contrib.auth.models import User,Group

from yourapp import models

# Do model query magic here - compile report as a string.

send_mail('Daily report',report-text,'reports@domain.com',['reportdestination1@domain.com'])

patio114• 16 years ago

It stops me sitting there hitting refresh on a web page to check my stats every 45 seconds.

Smart man. Aside from customer support information, everything on my dashboard is cached for 24 hours. I do this specifically because I used to waste far, far too much time sitting on Google Analytics mashing refresh. Mashing refresh on the dashboard just shows me the same thing I saw that morning. (I have a URL available which forcibly purges the cache, but it requires me to type in something like i-have-nothing-more-important-to-do-than-this in my URL bar. I think I've used it maybe twice.)

yters• 16 years ago

Yeah, I do that w/ email too, v. simple & useful panic board.

oxtopus• 16 years ago

I second that motion. Go to Fry's, spend $200 on a micro-ATX form factor barebones machine and an LCD screen, mount it to the wall, put ubuntu on it and autostart a browser primed for use with the Google Chart API and meta-refresh.

ambiate• 16 years ago

We must be twins! I too suffered from a wow addiction for the numbers. I too spent countless hours browsing tabs of adsense, adwords, analytics, affiliates, and merchants! Only thing is, you've one upped me and made a smashup to save time. Thanks for the inspiration. I'm going to try and work on something like this. Small, efficient, and maybe talking to my arduino to display on a lcd!

tyweir• 16 years ago

Last.fm has (or had) something similar and quite sexy as well: http://blog.last.fm/2008/08/01/quality-control

patio114• 16 years ago

Three Rings (the guys behind Puzzle Pirates) have something, too.

My favorite feature was hooking it up to loudspeakers and playing a particular sound from their game every time the business made money, with the sound corresponding to how much money they made.

They eventually disabled it, because the constant interruptions were starting to annoy people. This is a nice problem to have.

prawn• 16 years ago

I remember reading years ago that Amazon had a similar feature in their warehouse in their early days. They also had to turn it off once it became a constant ringing bell!

brown9-22• 16 years ago

Their idea of hooking up an analog meter to measure the average website response time is really nice.

somebear3• 16 years ago

Makes for a whole new experience. I'm still holding out for the first steampunk status board though.

russss• 16 years ago

Those are my gauges (although I no longer work for last.fm) - the code and design notes for them are up on Github:

http://github.com/russss/arduino-gauges

I also helped out with the analogue tweet-o-meter from a couple of weeks ago:

http://vimeo.com/9352631

dejv• 16 years ago

37Signals have also something like this, http://37signals.com/svn/posts/879-feeling-the-pulse-with-qu...

SandB0x• 16 years ago

Panic's blog is just so beautifully designed. Scroll down to the comment form.

aw3c2• 16 years ago

And scrolling very slow in Opera (linux&nvidia), probably thanks to CSS transparency overload and/or very thin gradient images.

tumult• 16 years ago

No speed loss in Chrome/Chromium, Firefox or Safari. Fast as ever.

yread• 16 years ago

10.50 on windows no slow down here

maggit• 16 years ago

Opera 10.10, linux, nvidia here. Fast as ever :)

smackfu• 16 years ago

That is a $2500 monitor. If you were wondering.

patio114• 16 years ago

$2,500 for the machine, $7,500 for the fully loaded cost of the developer who spent three weeks getting the CSS exactly right. (Ahh, Mac developers. "The world needs all kinds.")

Still, even at $10k it is absurdly cheap relative to the value generated.

alanstorm• 16 years ago

I suppose you can achieve a certain kind of success when you turn every employee's action into an "ROIable" dollar value, but it sure makes for a miserable workplace.

rimantas2• 16 years ago

  spent three weeks getting the CSS exactly right

two days tops.

pstinnett• 16 years ago

The guys at Robocat (developed Outside for the iPhone) have a similar tool for tracking sales. They developed an internal only iPhone app that you shake to update the total sales of Outside - clever play on Shake your money maker.

I'm always interested to get glimpses into these internal status pages / apps,

bouncingsoul• 16 years ago

In a similar vein but meant to be public: http://culturedcode.com/status/

quizbiz• 16 years ago

so beautiful

joshwa2• 16 years ago

The big "statuses" are inconsistent (and therefore useless) compared to the actual status in the details. This means I have to actually read the details since I can't get any useful info just from scanning the page.

spencerfry2• 16 years ago

We made an internal one early January, 2010.

Here's a mockup of it:

http://www.massiveblue.com/clients/carbonmade/pulse/

Note: The figures are bogus.

kevinelliott• 16 years ago

Wow, I want this :)

Hates_• 16 years ago

The "Management Information" pull down is a brilliant touch. Not something I had ever considered as a UI element.

spencerfry2• 16 years ago

We have it set up so only the three founders can see that tab.

markbnine2• 16 years ago

I like the idea of having a big number to represent your "score."

Once I was on a team using Flyspray and one of our developers hacked it to display a real-time score. He had some convoluted algorithm that took into account percent completed, criticals, and priority. Everybody started working the number, trying to get it higher. It was great and become quite competitive. We'd even talk about our score with marketing and clients. The only problem followed a beta test when the client opened a ton of fixes. The number sank like stone. Not a big problem though. The developer tweaked his algorithm and bingo. . . our score was soon back where it belonged.

joshwa2• 16 years ago

Unit Testing Achievements : http://exogen.github.com/nose-achievements/

The Game-ification of Everything (watch the last 6 mins or so if nothing else) : http://g4tv.com/videos/44277/DICE-2010-Design-Outside-the-Bo...

surely there's an enterprise developer-motivation product hiding in here somewhere...

Sukotto• 16 years ago

If I understand that correctly: your score dropped, so you hacked the scoring algorithm to display a number you liked better?

Shouldn't you have instead started a new round of the "game" and worked to fix the bugs -- thus improving your score legitimately?

markbnine2• 16 years ago

Yeah, you're right. And the number lost some of its luster after the hack. Eventually we stopped using it. So lesson learned. Don't undermine your own tracking system.

We had two problems. One, the developer who wrote the algorithm was the sort of guy who needed to constantly tweak the system. He was a great coder, but he also couldn't produce unless he played a few tricks or hid an easter eggs. So, he kept screwing with the score, making it blink red or suddenly drop and return to normal. We joked that he needed to sell his algorithm to Google. It was fun, but doomed.

The second problem was that marketing started taking the number seriously. They love the numbers, don't they? We were a web shop and at constant war over real estate and advertising. The unwritten law was, anything that marketing took seriously, needed to be screwed with.

cmelbye• 16 years ago

Eston Bond did something similar with the dashboard for this home automation system called Sarai: http://www.flickr.com/photos/eston/3805310805/

Very nice all in one interface with time, appointments, news, and weather. I really like this idea...

eelco• 16 years ago

Nice attention to detail: note how the censored text is pixelated _in perspective_ ;)

Timothee• 16 years ago

Good eye!

I have to say that I'm slightly confused by this picture. On one hand, the post, the pixelation of the numbers and the support guy story make it sound like it's a real picture, but there's definitely something off, no? It looks like a mock-up to me, but I can't decide if it's just a clean design on a nice display…

somebear3• 16 years ago

Knowing the Panic guys I am sure it's real. With the attention to detail Cabel usually has, I'm sure he spend the time to make the photo look exactly like he wanted it to: perfect.

warwick• 16 years ago

Given the number of ADA's the Panic guys have, not to mention the Founders Room in their offices, this kind of detail and design flair is completely believable.

bmalicoat• 16 years ago

I love everything about this. The bus times, the little icons of every employee but especially the ticker of twitter updates about Panic. Definitely inspiring for the developers.

somebear3• 16 years ago

The twitter updates are cool, although I can see why they chose vertical orientation for the screen, I think the twitter part would have worked better in horizontal orientation (without seeing it in person, so I'm probably talking out my ass).

What I really like about the developer icons, is that even in an image that size, I can still see quite quickly who is on what projects. Very cool indeed.

The thing, however, that I really love, is the simplicity.

lallysingh• 16 years ago

The bigco I work for has three monitors showing primary sales and login numbers in real time. In the scale of thousands of employees, the simple metrics serve to keep a basic level of group connectivity to the top-level objectives.

kreneskyp• 16 years ago

The Open Source Lab has been working on the 2nd revision of our dashboard software that we use within our network operations center, and outside our server room.

http://trac.osuosl.org/touchscreen

benologist• 16 years ago

This is really interesting. I'm about 1 month into my public beta now and I find myself constantly remoting into my servers and manually checking if everything still works. Already it's a notable drain on my productivity.

The Panic Status Board

Related Stories