Jack Eric Grossman

Interaction and Product Design
Data Visualization

Human Diagnosis Project

I am the Interface and Brand Designer for the startup Human Diagnosis Project, www.humandx.org.

Screen Shot 2013-04-29 at 9.59.32 PM

Logo redesign.  Abstraction of Step 4 (there are 3 steps to the medical board exam) was not connected enough to medicine.  This abstract, contemporary interpretation of the caduceus is simplified to its most basic elements with iconography, typography, and a color palette that conveys the sophistication of the software behind the application.

Screen Shot 2013-04-29 at 9.54.06 PM

I envisioned a new main menu that focused much more on gameplay, progress, and accomplishments.  The main menu mode was also distinguished as more significant in the hierarchy with its central location and larger button.

 

Screen Shot 2013-04-29 at 9.54.17 PM

 

Landing page appeals to visitors with aspirational story and ambition of the project.  Full interpretation of the design language.

globe_main

Concept main screen of a “star map” to see how much of the computational map is completed.  Through user testing, we discovered that the progress towards the goal of mapping human diagnosis was an important motivator.  Specifically, physicians wanted to see their individual contributions visualized in the entire map, something visualizers like Folding@Home did not do on the Playstation 3 visualization.

 

analytics

Another insight was that most med students see the app as a tool for training and also an assessment of the specialties that they need to work on.  The two screen concept above provides feedback in 2 categories.  The first is performance of the specialties, while the second evaluates game behavior traits.

Porsche Sales Data Visualization

Graphic design assignment.  Data wheel of Porsche sales of the past decade plotting with a timeline of significant events.  Note that this is a graphic design assignment and some sales data was estimated.

The 2008 Dow Plotted Against Blogger Feelings

Data visualization project for Stanford’s Graduate School of Business class Designing Happiness.  Using Python programming language, my team parsed over 50,000 blog entries from 2008 and counted happy, sad, and neutral comments.  I coded the visualization in Processing.

Testing the theory that money can’t buy happiness, we set out to see if the blogs would become more negative in October.  Click below to find out in the animation.

View the animation.  Note: Google Chrome does not support animation.

Full process documentation:

Peripher Desk Clock Evolved, 2010

Peripher Desk Clock is an attempt to allow people working in a “flow” state, to get information in their peripheral vision about the time, without having to break their concentration and look up at a clock.  The goal of the Peripher Desk Clock is not to be able to tell precise time to the minute, but rather to get a general idea of what part of the hour it is.

The graphic is simple yet effective. The number of the hour is on the left, and the number of the next hour is on the right.  A white bar fills from left to right as the hour passes.

In the picture below, it is about 3:05 in the afternoon:

 

This prototype used a ceiling mounted overhead projector that was aimed down at the desk.  An important feature of the clock is that no matter how cluttered the desk gets in this state of creativity, the clock always stays on top, never obstructed:

 

Flash ActionScript makes the projection possible:

Follow the link to see the current time in Peripher desk form.