Skip to main content
  1. Home
  2. Computing
  3. Features

A designer’s dream: How Microsoft built the Surface Dial

Add as a preferred source on Google

The Surface Studio is a top-of-the-line computer from Microsoft, with stunning design, more power than the Illuminati (or Colonel Sanders), and a unique new interface element: a palm-sized dial like the volume knob like a 70s stereo, which joins the standard keyboard and mouse. Microsoft calls it the Dial, and in early reviews of the new computer, it’s the Dial that truly grabbed attention.

You can sit the Dial on your desk, where its grippy base prevents it from sliding around. A push acts as a click, activating a menu, while a spin of the dial shuttles forward and backward in whatever app you’re in. The real power of it comes alive in creative apps, where you can flip through revisions, change the color of a paintbrush on the fly, quickly select your favorite tools, and more.

Recommended Videos

Beyond that, the Dial is meant to interact with the Studio’s stunning, 4,500 x 3,000 pixel, perfectly calibrated screen. Lift the Dial off your desktop and place it directly on the monitor (which tilts back just like a drafting table), and a customizable menu surrounds it, letting you concentrate on the canvas beneath your hands, rather than fumbling around on your desk.

“Hey, this is something that has a little bit of magic in there.”

“It’s like this magical moment where I have this object, but when I put it on screen, whoa! Something happens,” explains Scott Schenone, a Senior Designer on the Microsoft Surface team and a key part of the team behind the Dial. Following the unveil of the Studio in New York City in late October, I sat down for an exclusive interview with Schenone to learn about the thinking behind the device.

“We had this analogy of a palette,” he told me. “A painter has this thing in their other hand that they’re always referencing…and I have this jar on my desk with a bunch of pens and little rulers and stuff in it. Everyone has some version of that. What we wanted to do was create a digital equivalent of that, where it’s just the tools that you go to most, or the features that you find yourself using when you’re inking, especially on a large screen.”

Some people inherit a restaurant, or family business, or even a sense of humor. Schenone’s family gave him an eye for design. His father is a leading footwear designer at Nike in Portland, Oregon, and his brother is an industrial designer. Scott just turned 29, and thanks to his father, he grew up at a drafting table.

“My dad worked at Nike doing footwear design, and he had this drafting table. When I was a kid I actually sat on his lap and learned how to draw on this huge canvas. And I was like, hey, some gut instincts are coming out here when I see this big screen. That was one of my inspirations.”

Making the Dial

With a vision in place, Schenone and the design team started work. Since the on-screen sensing is integrated into the Microsoft Pen and Touch Chipset, they used prototyped parts from the Surface Pen’s electronics to start early development. The off-screen interaction used simple dials connected via USB and then via Bluetooth.

“We built a couple proof of concept models – really crude. It was, okay, here’s a slider, here’s a wheel, what does it feel like. And we realized that if you add a synthetic dent, a detente, you’d never overshoot,” he said.

Wheels are generally imprecise: Imagine riding a bicycle and trying to stop it so the front tire is precisely poised atop a dime. But with that haptic feedback, the Dial can do precision work. It opens options across a variety of arts. Imagine a video editor using it to scrub through a timeline, a sound editor playing a segment back and forth, and so on.

While he may be lead designer on the project, Schenone stressed that he was not the “man behind the product.” The Dial was very much a group effort, spanning materials and design teams, software engineers, product teams, and dozens of experts. A core team of about 10-15 people did most of the work, but it expanded to be a wider effort. The team includes designers, electrical, mechanical, RF, and software engineers, testers, program managers, and manufacturing members. It also looped in the Windows team, including Connor Weins, a Project Manager on Microsoft Windows.

“It got really kind of messy, taping things together, trying things out, but we have an amazing shop.”

“Working with the Surface team to bring Surface Dial to life was such an exciting opportunity,” Weins told Digital Trends. “As an entirely new class of input, it took Windows and Surface collaborating closely and innovating together to determine how one interacts with the other and, ultimately, what that experience looks like for users and third-party partners.”

Schenone noted that the team created the hardware and software experiences at the same time, so support could be baked into the operating system.

“It got really kind of messy, taping things together, trying things out, but we have an amazing shop on our campus that the studio is actually in – our design studio – and we do everything in house, we do all the design work, all the engineering work. It’s really organic,” he told Digital Trends.

Not everything came together quickly, of course. Honing the material and the experience of using the Dial took time, and the passion of Microsoft’s design team comes through in the subtle elements most users don’t think twice about. The base of the Dial is stable on a desktop, but can slide across a monitor AND grip the monitor when it needs to. What substance does that?

 

“This foot material? This took a while,” Schenone explained. “Do you want this thing to slide across the screen, or do you want it to stick? We had made both and realized, oh yeah, we want this to stick on screen when I’m resting my hand here… it’s a silicon pad, but we actually custom-lasered this texture in there that adds a level of suction to the screen.”

Simplicity is key

The true innovation of the Dial is its ability to work both on a desk and on-screen. Give it a long press on your desktop and a circular menu pops up on screen (you can drag it wherever you want with your mouse). Plop the Dial on the Surface Studio’s screen, and you’ll be able to interact it through that menu. Select ruler mode, and quarter inches will be marked off in a circle surrounding the dial. Select volume, and you’ll see sound levels move up and down as you twist the dial.

The finished product is elegant in its simplicity.

“It’s a radial object, you have a radial menu,” Schenone said. “And when you put it on screen, the only thing that changes is the diameter of the menu. We wanted to have the same type of functionality off screen as on screen.”

Leftys of the world will be pleased to know that the hardware works beautifully in either hand. “You can plug in if I’m a lefty or a righty, and there’s some palm recognition that goes along with that, but the menu actually changes to being preferenced on the left or the right depending on where you’re holding it.”

The device may have taken years, and the input of dozens of designers and engineers, but the finished product is elegant in its simplicity. And that’s what’s likely to appeal to creative professionals the most.

“We noticed that it doesn’t need to be overly complicated to be useful. Sometimes the simplest things end up being the things that you latch on to.”

Jeremy Kaplan
As Editor in Chief, Jeremy Kaplan transformed Digital Trends from a niche publisher into one of the fastest growing…
Windows 11 is getting a new Screen Tint mode, and your eyes might thank Microsoft
Users can apply custom color overlays to reduce screen intensity and visual fatigue.
Windows 11 on a laptop

Microsoft is testing a new accessibility feature for Windows 11 called Screen Tint, and it could be one of those small additions that make a surprisingly big difference. Instead of changing your display's color temperature like Night Light, Screen Tint applies a customizable color overlay across the entire screen, making bright displays easier on the eyes during long work or gaming sessions.

A softer screen for tired eyes

Read more
Apple’s looking at a politically radioactive fix for the memory crisis, and the US government isn’t happy about it
Apple blamed memory costs for your price hike. Its proposed solution involves a Pentagon blacklist.
Apple Mac Mini on a Desk

A few days ago, Apple announced an ugly mid-cycle price hike, blaming the worsening-by-the-day memory crisis. According to the Financial Times, the company is now lobbying the government for approval to buy memory chips from a Chinese company. 

The company in question is CXMT, a Chinese chipmaker that the Pentagon added to its Chinese Military Company blacklist for alleged ties to the Chinese army.

Read more
As iPads get pricier, Motorola’s Pad 70 Pro arrives as a solid option… just not for US buyers yet
Great specs, a stylus in the box, and no US launch date: the Moto Pad 70 Pro sounds both impressive and disappointing.
Computer, Electronics, Laptop

If you don’t know about Apple’s recent price hike, which affected all the products in its lineup except the iPhone and Apple Watch (for now), you’ve got to be living under some sort of a rock. The revision made all the iPads much more expensive. 

Motorola, however, has just launched a 13-inch tablet that actually sounds good on paper. It’s called the Moto Pad 70 Pro, and it costs around $440 for the baseline model. The catch, however, is that the device isn’t available in the US yet. 

Read more