Skip to main content

Robotype - A Font Farewell to Old Type

Google’s New Font Tries to Anticipate the Future

In the photo, you can see the notations made by the design team on an earlier iteration.

In the beginning, there was Apple. When Steve & Co. were obsessing about how to make computers feel as beautiful as possible, typography was singled out for special attention. They wanted type on the screen to look just as perfect as it could in print—a grand plan to make computer interfaces into crafted objects every bit as beautifully considered as a hand-cut letter or a perfectly proportioned chair. And they won. Today we see more care being piled onto pixels than ever.
But there remains a gap. While so many typefaces have been designed to render beautifully, very few have been designed to perform beautifully. Which is why Google has spent the last year and half sweating over a sweeping overhaul of its UI font, Roboto. This new version is designed to scale across an entire universe of products, from smart-watches to TV’s. It is the star in Google’s ambitious plan to redesign its entire product ecosystem—a visual and interactive language they’re calling Material Design. “UI’s are crafted from images and type,” Matias Duarte, Android’s head of design tells WIRED. “But the idea of having a typeface that’s thought out as a UI typeface—that’s not been done before.”

Friendliness Serves a Function

But the new Roboto is a workhorse, not a show horse. The face itself isn’t designed to grab attention, but rather, to perform well in many contexts. It sports a rounder, friendlier look. Dots in the i and j have changed from rectangles to circles; letters like the B, C, and D now sport softer curves; and the stark angles of some letters, like the R, have been straightened. With this more casual vibe, the hope is to create a face that won’t be jarring when seen blown up huge on a 65-inch TV seen from three feet away, or a tiny screen on your wrist.

Thus, Google’s type team, led by Christian Robertson, labored to anticipate the weird juxtapositions created across platforms. For example, they’ve made sure that bold and regular letterforms sport similar widths, and introduced monowidth numerals, because those textures inevitably get thrown together and contrasted when you’re swiping between screens or clicking between tabs.

How the letters compare, with the new Roboto outlined in red. Black denotes the overlap. Note the increasing rounded-ness throughout. 

“When you design type, all of that work is going to be used by another designer, in contexts and ways that’s hard to imagine,” says Robertson. So they’ve created more weights and styles, judging them together and laying out rigorous usage guidelines, so that the shear number of combinations ensures that interface designers will be able to do everything they need to do without creating chaos.

No Rest for the Weary

Testing all of those font styles against each other was itself probably the most complex part of the process. Each one was viewed on a pile of devices rigged to simulate hundreds of different screen resolutions. And that’s just for tablets, PCs, and phones. In addition, the team tested Roboto for the car, using LCD shutters that testers wear like sunglasses, and which force the wearer to look at a UI in only glance-able fragments—just like you would in a car sporting Android.

“Not only did we have a number of designers, but we had producers and assistants layered on top of those,” says Duarte. “It was bigger than any design project we’ve ever had.” And all for a font. But that’s perhaps not surprising, as type has become one of the hardest working elements in today’s interfaces, which have been stripped of ornamentation in order to create breathing room for the increasingly complex functions they have to perform. The work, of course, isn’t done. You can expect Roboto to keep evolving as Google’s offerings on TV’s and wearables mature—but by building some rationality into the entire system, the hope is to buy as much time as possible before the next big thing arrives.

The full breadth of styles, which is meant to allow for hundreds of possible combinations, on countless devices. 

Popular posts from this blog

Taking Tips From a Younger Generation

Phyllis Korkki, an assignment editor at The New York Times, visited the garment district in Manhattan to interview designers as part of a story for the newspaper’s Snapchat account. Credit George Etheredge/The New York Times
What Could I Possibly Learn From A Mentor Half My Age? Plenty.

How on earth did I become an “older worker?”

It was only a few years ago, it seems, that I set out to climb the ladder in my chosen field. That field happens to be journalism, but it shares many attributes with countless other workplaces. For instance, back when I was one of the youngest people in the room, I was helped by experienced elders who taught me the ropes.

Now, shockingly, I’m one of the elders. And I’ve watched my industry undergo significant change. That’s why I recently went searching for a young mentor — yes, a younger colleague to mentor me.

Discounts, Discovery & Delight: 3Ds for Retail Success

In fashion and retail, Dopamine is the drug of choice. Technically, Dopamine is the neurotransmitter of “desire.” Dopamine leaps across synapses in our brain to control our reward and pleasure centers. It enables craving. It induces repeat behaviors. It makes us want more. Therefore, it is in our best interest to create products and experiences which induce the release of dopamine in our consumers. We could use some dopamine for ourselves, too. In our fashion and retail world, there are three primary stimuli, "3Ds," we can control to deliver hits of dopamine: Discounts, Discovery and Delight.

Beware of Wombats & Other Vampires

You are surrounded by dangerous WOMBATS. They’re everywhere. Sometimes they hide in plain sight, easy to spot. Other times they are well camouflaged, requiring heightened awareness to identify them. You need to stay alert, it’s important to avoid them. WOMBATs resemble ordinary, productive tasks. However, they are vampires for time and resources, weapons of mass distraction.WOMBATs are seductive. Working on a WOMBAT feels productive.WOMBATs are bad for your career.WOMBATs are bad for your business.WOMBATs infiltrate your work day (and your personal time). Strike them down.WOMBATs may be be ingrained in your company culture: “We’ve always done it that way…” WOMBAT Metamorphosis Alert: A task or project that wasproductive in the pastcanevolve into a WOMBAT in today's environment.Your comfort zone is populated with WOMBATs.More on comfort zones, here.Some people are WOMBATs in disguise. Stay away from them, they are vampire WOMBATs.If you don’t control your WOMBATs, your WOMBATs will…