Interaction designer, coffee addict, competitive cyclist, Sazerac enthusiast.
Lumen provides a comprehensive solution for controlling digitally connected light bulbs, such as Philips Hue.
While Lumen currently only exists as a prototype, if you're an iOS developer who geeks out on home automation, let's chat!
Lumen automatically adjusts color temperature and brightness to match natural daylight, creating indoor lighting that always feels comfortable and natural.
Lumen's schedule can be easily overridden with custom scenes, which are organized according to when you use them most.
Over time, Lumen learns your preferences and adjusts its schedule accordingly.
At bedtime, Lumen only requires a single tap to turn off all of your lights.
Once you've set Lumen to sleep for the night, your phone's screen is dimmed, and the scenes you might need overnight are prioritized.
When you wake up, a single tap tells Lumen to resume your lighting schedule.
You can also tell Lumen to wake you up at a specific time, slowly brightening your lights for a more gentle wake-up call than the one your old alarm clock provides.
Based on your location, Lumen turns your lights on and off for you.
Using iBeacon, Lumen can also turn on and off lights in only rooms which are occupied. Lighting can be adjusted per-room, based on the unique preferences of each person in your home.
The Disqus demo is an interactive piece that showcases Disqus’ Embed product. I designed and built the demo as part of a 2013 website redesign.
See the demo live at disqus.com/websites.
The 2013 Embed demo replaces an older product walk-through which invited users to participate in a scripted Disqus conversation.
I wanted to create an experience that was similarly engaging, but that also allowed visitors to pick and chose what to explore. The old demo forced visitors to progress through features linearly, 1 at a time.
I created the "motion prototype" below to see if I could convey the right message using video – a format I didn't have much experience in prior to this project.
I used After Effects to create the videos; software I hadn't worked with previously, and didn't expected to add to my website-building toolbox.
The approach allowed larger transitions – the panning in and out of the Embed, the movement of the background photo, and the revealing and hiding of text – to be rendered in the browser (otherwise the video files would have been prohibitively large) while more nuanced interactions could be reliably displayed within (relatively smaller) video files.
For a deeper look at the goals and process behind Gravity, check out my company blog post, Designing Disqus Gravity.
Long before we knew what Gravity would look and feel like, a small team kicked off the project with a couple goals in mind:
I suggested the best way to accomplish these goals might be to create a real-time interactive network visualization, and began a self-education process on data visualization methods.
I’ve always admired the balance of art and science required to effectively communicate the story behind a dataset. During the 2012 elections I found a data visualization in the New York Times that used color, scale, animation, and interactivity to illustrate potential electoral scenarios. After some research I discovered this was just one of many fascinating visualizations published by The Times.
A short time later, I attended a talk by Kim Rees, Partner at the data visualization consultancy Periscopic. She spoke about the emotional impact a well designed data visualization can have. She illustrated her point by demoing a recent Periscopic project that visualizes U.S. gun deaths.
The design iteration process quickly jumped from traditional design tools the browser.
Starting the design process without regard for technical limitations, at least at first, often produces better results. Doing so frees the designer to explore solutions which match user mental models, rather than functions of the underlying architecture.
That said, because so much of the design of Gravity relies upon animated, physics-simulating interactions (rather than conventional, static visual ornamentation), I had to start considering implementation details unusually early. In order to effectively iterate though design ideas, much of the designing had to take place in context, in a web browser.
Having been inspired from the beginning by data visualizations in The New York Times, It was thrilling to see Gravity mentioned by Nick Bilton in The Time's "Bits" blog.
Recent Dribbble shots, that is.