Product Design Leader
MoMM_Kepler.png

A History of Mathematics by Charles and Ray Eames

An interactive journey that spans 1,000 years of mathematics history

 

An Interactive Journey That Spans 1,000 Years of Mathematics History

 

Honoring the legacy of Charles and Ray Eames with IBM’s most popular iPad app ever

 

In 1961, Thomas Watson Jr., co-founder of IBM, commissioned legendary design team Charles and Ray Eames to create an installation for the California Science Museum. They shared a passion for mathematics and it quickly evolved into something extraordinary—an interactive exhibition called Mathematica… A World of Numbers and Beyond. This beautiful and engaging learning experience played a major role at the 1964/1965 New York World’s Fair and has since been enjoyed across multiple locations by countless millions. Today, copies of the exhibition remain permanently installed at The New York Hall of Science, The Museum of Science in Boston, and The Henry Ford Museum in Michigan.

 
 

(L) Mathematica at The Museum of Science in Boston, (R) Charles and Ray Eames inspect the Men of Modern Mathematics timeline

 
 

At the center of the exhibition is a stunning 50-foot timeline that represents the rich interplay between mathematicians, culture, and historical events over the past millennium. In celebration of IBM’s 100th anniversary, my challenge was to reimagine the original timeline for a completely new format—Apple’s very first iPad. The result was the Minds of Modern Mathematics app, a digital experience that allows today’s students, teachers, and avid learners to interact with Charles and Ray Eames’ creation in new and exciting ways.

 
 

A poster version of the timeline

 

Inside the app

The default view shows one century of history. Users may swipe horizontally to move forward or back in time.

 
Screenshot of the main timeline #1
Screenshot of the main timeline #2
 

Swiping down orients users in time by revealing important events unrelated to mathematics.

 
Screenshots of historical events
 

Pinching allows users to transition from the view of a single century to a view of the entire millennium.

 
Full view of the millenium
 

Users may tap a mathematician to learn more about who they were and how they contributed to the field.

 
Biography of Kepler
 

Similarly, tapping a cultural artifacts reveals more about it.

 
Dome of the Chapel of Chateau D’Anet by Philibert de L’Ome, 1552
 

While designing the app, it was important for me to think about how an iPad might offer users new ways to experience the original content.  In observing how people interacted with the installation, I noticed something very interesting:  their eyes would typically dart back and forth across the 50-foot wall, focusing only momentarily on the largest or most visually impactful objects before moving on to the next.  In fact, nobody seemed progress through the timeline chronologically and they often ignored any written text altogether.  I had to admit that my own experience mirrored what I saw in others.

It was to clear to me at this point that despite the beauty of Charles and Ray Eames’ creation, it was not very usable.  In fact, it was nearly impossible to absorb all the content and formulate a comprehensive understanding of how mathematics evolved over the millennium. Maybe that was the point, but I doubt it.

I was eager to solve this problem, but I also wanted to preserve the integrity and pay homage to the magnificent artistry of the original.  For this reason, I decided that orienting the iPad to landscape would offer an experience that more or less reproduces the original but in an interactive format, and turning the device to portrait would allow users to view the content in a completely new way: one object at a time, in chronological order.  For the first time in 50 years, audiences could enjoy in the entirety of Eames’ history of mathematics as it unraveled.

 
Biography of Leibniz
Maharajah Jaisingh II of Jaipur garden
 

Over the course of their careers, Charles and Ray Eames produced over 125 short films, many of which were focused on educational topics.  The Minds of Modern Mathematics comes with nine of these films, including one of their most famous, 2n: A Story of the Power of Numbers (1961).

 
Thumbnails of videos by Charles and Ray Eames
 

Finally, if users want to interact with the original timeline, an ultra-high resolution photograph of the poster version is also included.

 
High resolution image of the original poster
 
 
I just lost the last 6 hours in this—and I think I’ve hardly scratched the surface. Smartly done, comprehensive, hard to believe, and at times mesmerizingly odd.
— App store reviewer
 

An overwhelming quantity of content

In addition to inventorying (and painstakingly photographing) the 495 objects on the timeline, it was also essential to create an ontology of each of the four main object types that were identified and the different permutations of assets associated with every one. I gave the object types names: (1) Mathematicians, (2) Culture artifacts, (3) Historical developments, and (4) Historical events. The result was the following hierarchy:

  1. Mathematicians - People who have contributed to the advent of modern mathematics. Includes the following content types:
    1. Name (always)
    2. Birth year (always)
    3. Death year (always)
    4. Locations where they were active (always)
    5. Long form biography (always)
    6. Mathematical achievements (always)
    7. Profile image (always)
    8. Supplemental images (sometimes)

  2. Cultural artifacts - Art and culture that influenced the mathematicians. Includes the following content types:
    1. Year artifact was created or made public (always)
    2. One or more images (always)
    3. Descriptions of images (sometimes)
    4. Long form description (sometimes)

  3. Historical developments - New knowledge or incidents that directly influenced the field of mathematics. Includes the following content types:
    1. Year (always)
    2. Description (always)

  4. Historical events - Orienting events unrelated to mathematics. Includes the following content types:
    1. Year (always)
    2. Description (always)

For each permutation, a template was created. For example, one template was created for Cultural artifacts with an image gallery but no description for each image and another was created for Cultural artifacts with an image gallery that has a description for each image. Every object was assigned a template that accommodates the specific set of assets it includes.

 

Case study

 
 
 

Results

  • IBM's most popular app, downloaded over 260,000 times as of 2015
  • Ranked #4 among all iPad apps the week of release
  • Earned praise from a wide range of publications, including Wired, Gizmodo, Forbes, and dozens of additional publications