Uh oh! Looks like your browser’s out of date.
You’ll have more fun viewing our site on one of these instead.
×
Creative Tips + ToolsHow We Make ItPeople + Things We LoveThe Future Of...Work Culture
Jump To

Blog

The Big Green Button

  • Send this to a friend:

    (required)
    (required)
Jul 26 2016

Few things are more satisfying than wrapping a months-long project. Back when the New York office tracked its active projects on a whiteboard in our kitchen, we’d celebrate these completed projects at our weekly meetings. Each team would walk up to the front of the room and—as the rest of the studio clapped and cheered—triumphantly erase their project from the board. It was a small thing, but it was ours, and it was pretty satisfying.

Fast forward a few years and the big whiteboard has been replaced by a nimble digital tool that allows us to track and collect data about our projects, leads, and teams. Fantastic—except we lost the communal hoopla of physically erasing the board in front of our friends. Somehow clicking to archive didn’t have as much pizzazz.

What could we create that would provide that same, satisfying sequence of tangible action and group celebration in our now purely digital reality? Enter the Big Green Button.

The mystery of the Big Green Button garners attention from Swiss Miss (a.k.a. Tina Roth Eisenberg) on Instagram.

It’s exactly what it sounds like—a massive green button that says “Push to Celebrate,” affixed to the wall next to the large monitors that track our projects. When a project is complete, a team member hits the button and a ridiculous animated gif overtakes the displays while music from "The Price is Right" plays over the speakers. It’s not confetti cannons, but it's fun and triggers the same enthusiastic cheering we enjoyed at the whiteboard.

So how did we do it? Here's the step by step.

The button itself is from Adafruit, and it’s huge. (Think the size of a grapefruit). The housing for the button is a 3D printed cowling that encases the button and the wiring and connects via an aesthetically pleasing audio cable. The audio cable allows us to unplug the button easily—no complex wiring to worry about.

Renderings for the 3D printed housing that encases the button and wiring.

At the other end of the cable is the brains—an Arduino with Adafruit’s ethernet shield. It receives the signal from the button, then sends out a POST request to the website’s server, which runs on IDEO’s network. Because multiple people can view the website at any given time, the user must locally “arm” the button on the AngularJS website with an option box. The option box tells the website that this website will respond to button presses. The go server running the server can then route the incoming request to the large screen’s website only.

This whole setup uses only a few lines of code to add a physical layer and a heightened level of excitement to our project completion ceremony—and everyone loves it.

An Arduino with a special plate allows both power and ethernet to be run from an ethernet cable. It’s very efficient when you’re making a standalone electronics box.

A button like this is just asking to be pushed, but we added the sign to give people an extra nudge, and a hint as to what it actually does.

The complete setup: The button and cable connect to the controller, which also connects the whole setup to the internal network.

  • Chris Milne

    IDEO Alum
    Chris is an electro-mechanical software prototyper. He builds iPhone apps, software mockups, and electronics for clients as well as to serve as inspiration communities around him. His passion is using his unique “techspertise” to act as a bridge between Tech and non-Tech-oriented designers.
  • Anna Silverstein

    Marketing Lead, IDEO New York
    A former actor and improviser, Anna lives for moments of hilarious vulnerability and unexpected candor. She finds these daily as mother to her 2-year-old son.
  • Send this to a friend:

    (required)
    (required)
  • Send this to a friend:

    (required)
    (required)