05-01-2019, 11:19 PM
The Verge: How Microsoft learned from the past to redesign its future
<div style="margin: 5px 5% 10px 5%;"><img src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future.jpg" width="1200" height="800" title="" alt="" /></div><div><p class="p--has-dropcap p-large-text" id="sQ6x6n">One room at Microsoft’s headquarters represents everything that’s changed about its design philosophy. Inside, there are four rows of tables. In the first row is everything the company makes that’s already in stores. In the second is the next-generation of products, and in the third and fourth are the really conceptual things that Microsoft wants to try to make in the future. “If you spend enough time in this room, you see the gaps, certain light bulbs go off,” says Ralf Groene, head of Microsoft’s hardware design.</p>
<aside id="A1wDNe">
</aside>
<p id="HegYom">These days, Microsoft is all about looking at the big picture — not just where one product needs to go, but how an entire ecosystem of products needs to ship, evolve, and work together over the coming years. While products in the past might have been developed in secret by separate teams, and ended up looking and feeling disparate because of it, Microsoft has scrapped that approach recently. It’s now adopted a philosophy called “open design” that’s about sharing ideas across the company, integrating products, and failing faster. The hope is that it will lead to a better combination of hardware and software that looks like it came from one company and is better for it, too.</p>
<div class="c-float-right c-float-hang">
<aside id="QU5dAQ"><q>reshaping a 44-year-old company to focus on redesigning its future isn’t going to be easy</q></aside>
</div>
<p id="cbyRT8">This isn’t just about improving Microsoft’s visual design, though. It’s a much deeper change meant to modernize how Microsoft ships software and competes with far more nimble startups that can aggressively go after the many businesses it’s traditionally controlled. A lot is at stake in a technology industry that’s moving faster every year. </p>
<p id="pUwido">I’ve heard and read many stories about how Microsoft’s culture has changed in recent years and how product teams are working more closely together. It’s such a vast shift at Microsoft that I wanted to see for myself how the company is doing things differently now. So I spent three days at the company’s Redmond, Washington-based headquarters earlier this month, speaking to designers and engineers, sitting in illustration planning meetings, and talking to the leaders involved in this new design approach.</p>
<p id="gejd9L">One thing is clear from my visit: Microsoft has truly learned from its messy mistakes of the past. But reshaping a 44-year-old company to focus on redesigning its future isn’t going to be easy.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16195241/VRG_ILLO_3397_001.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future.jpg"></span> </span> </figure>
</div>
<p class="p--has-dropcap" id="IUp4xh">Every Thursday, Microsoft’s Surface, Windows, and app teams get together to discuss what they’re working on. During one of these many meetings in a sunny conference room at Microsoft’s Redmond HQ, designers sat around debating how playful Microsoft should be with its designs. What’s the tone of voice? What’s the visual representation of the personality of the product? Ultimately, how should Microsoft’s voice be expressed in the form of illustrations and design?</p>
<p id="kI1atL">The meeting was attended by more than a dozen employees in person, representing products like OneNote, OneDrive, and Microsoft Teams. Everyone critiqued each other’s designs, offering opinions and ways to work to Microsoft’s color palette, illustration principles, and general voice to create products in a coherent way. This may sound like a totally normal meeting at most companies. At Microsoft, it would have been unimaginable just 10 years ago.</p>
<div class="c-float-left c-float-hang">
<aside id="YsZONb"><q>Fluent design is designed to scale across everything Microsoft</q></aside>
</div>
<p id="afgE4x">For its most recent design system, Fluent design, Microsoft is pulling ideas from across the company and keeping everyone in sync with an internal catalog of shared principles and guidelines. Designers can log in to see others’ work through mock-ups, concepts, and designs that have shipped to the public. “That was the first base layer step of democratizing design at Microsoft,” says Jon Friedman, corporate vice president of design and research at Microsoft.</p>
<p id="fFi6LB">The approach emerged out of one of Microsoft’s biggest failures: Windows Phone. For its launch, Microsoft brought together the company’s Windows, Office, and hardware teams to create a radical new “Metro” design language that made its operating system look modern. Windows Phone as a platform may have flopped, but its <a href="https://www.theverge.com/2018/4/7/17206174/microsoft-windows-phone-influence-editorial">design really pushed Apple and Google</a> to make better mobile operating systems.</p>
<p id="6Cbqce">“I think what we learned, at least on phone, is that to have a great design system, it cannot just be for one product,” says Albert Shum, head of design for Windows. “It’s how do you actually scale it out to hundreds of products serving millions of customers, in some ways, billions of customers?”</p>
<p id="sfLa7b">Fluent has really taken Microsoft back to the basics of design, with a much bigger focus on simplicity. Instead of bold typography and edge-to-edge content, Fluent focuses on subtle elements like light, depth, motion, and material. We’ve seen it appear in Windows with hints of motion and blur effects. It’s also appeared in Office and on the web across services like OneDrive, Office Online, and Outlook. Microsoft is gradually making Fluent the centerpiece for how the company thinks about design.</p>
<p id="UMYnMp">It’s a design that needs to scale across a multitude of products, and some that are used by more than a billion people across the world. Microsoft’s designers have to consider whether they’re creating art and illustrations for students, workers, or general consumers, and how those designs will be interpreted in different locations. There’s a lot to cover, and each piece of software design also has to adhere to the style of the operating systems from Microsoft, Apple, Google, and others that power the many hardware devices that run Microsoft’s software.<strong> </strong></p>
<p id="uOnENH">In one of Microsoft’s hardware workshops, I spotted an unreleased Surface Mini sitting on a hinge designer’s shelf. When I joke with Groene, the hardware design chief, about how he forgot to get his team to hide the Surface Mini, he’s more interested in discussing what comes next. “We’re a software company, and being able to design better software through hardware is always the stuff that inspires us,” he says.</p>
<div>
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185045/vpavic_190403_3387_0014.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-1.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Surface hinge designers work on what’s next.</em></figcaption></span> </figure>
</div>
<p id="ZCb046">Under its new workflow, Microsoft also has designers working on seemingly disparate hardware across the company. I spoke to Chris Kujawski, an Xbox industrial designer, who told me the company’s changes mean there are more opportunities for designers now, and jobs feel less stale because designers can now work more freely together. That means someone responsible for the design of the Xbox Adaptive Controller is now working on the new Xbox console and designing a new Surface. </p>
<p id="fseYGM">Xbox and Surface hardware might not look the same, but the teams responsible for its design are sitting next to each other at Microsoft now. Kait Schoeck, an industrial designer who worked on the Surface Book, says this new way of working means she’s “constantly doing new stuff” and “constantly learning something new” from fellow designers.</p>
<div>
<aside id="IPEs8e"><q>Microsoft thinks of hardware as a stage for software</q></aside>
</div>
<p id="pWDLNB">All of this hardware needs software to power it, though, and Microsoft doesn’t think of these as separate processes. “We always think of hardware as a stage for software,” Groene says. “Sometimes the stage can also influence the performance of the software, so there’s the back and forth of both of these elements.”</p>
<p id="3wkLfw">If you think back to the original <a href="https://www.theverge.com/2012/10/23/3540550/microsoft-surface-review">Surface RT tablet</a>, which launched alongside Windows 8, the software (Windows RT) was really far behind the hardware and it showed through incomplete apps and laggy performance. “We were intensely focusing on the hardware while the software was being developed at the same time … without really the time to influence each other too much,” Groene says. The aim for any future Surface hardware is never to make the mistake of the Surface RT situation again, and ensure the software is keeping up.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185064/vpavic_190404_3387_0080.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-2.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Part of Microsoft’s fluent design team.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="7D6Tag">The speed of competitors has also had a massive impact on Microsoft. The company started building Surface hardware after seeing Apple’s runaway success with the MacBook Air and iPad, while Google’s regular software updates to Chrome and Android played a role in inspiring <a href="https://www.theverge.com/2015/7/29/9060891/microsoft-windows-10-myerson-belfiore-aul-spencer-interview">Windows 10’s nonstop iteration</a>.</p>
<p id="wdRB9G">But it’s not just fellow tech giants that have given Microsoft cause for concern. There are now thousands of startups that compete for parts of its business, from Office to cloud services to Outlook.</p>
<p id="kUX6db">The software landscape has changed dramatically since Microsoft first organized its workflow. Back in the day, it’d ship a new version of Windows every few years. Software, hardware, and design teams were siloed, and that didn’t make a huge difference — design was minimal, and competitors were limited.</p>
<div class="c-float-right c-float-hang">
<aside id="tgDxYD"><q>Microsoft’s product teams used to battle against each other</q></aside>
</div>
<p id="7iMFwv">Internally, Microsoft’s teams also used to battle against each other. “You’ve all seen <a href="http://bonkersworld.net/organizational-charts">the picture</a> of all the groups pointing guns at each other at Microsoft. Certainly there’s a little bit of that,” a Windows Phone product manager told <em>The Verge</em> <a href="https://www.theverge.com/2012/11/8/3599704/microsoft-build-2012-windows-phone-windows-8-apps-developers">nearly seven years ago</a>. Microsoft used to have a reputation for siloed teams that were run by bosses who would compete with other teams to make the most popular product. Co-founder Bill Gates famously held product reviews where he’d kill years of work in a single meeting, and this encouraged these fiefdoms even more as teams battled for Gates’ attention.</p>
<p id="W1JpNi">But over the past decade, things have changed a lot. Competitors like Google and Apple have built competing products to Microsoft — good ones. Office, a $35 billion per year business that Microsoft still dominates, is now fiercely contested by Google’s G Suite services, tools like Facebook’s Workplace, and many others.</p>
<div class="c-float-left c-float-hang">
<aside id="arpswj"><q>Google and many other startups are aggressively pursuing Microsoft’s businesses</q></aside>
</div>
<p id="za9nne">Meanwhile, smaller startups have nipped at mere pieces of Microsoft’s huge businesses, often to great success. Dropbox and Slack were able to innovate in ways that Microsoft was slow to react to, and the company has found itself playing catch-up. Slack is now <a href="https://www.cnbc.com/2018/08/20/slack-raises-427-million-funding-round-at-7point1-billion-valuation.html">valued at $7.1 billion</a>, and it has more than 30 million customers paying for its service. Dropbox is now a public company, and it’s valued at around $10 billion.</p>
<p id="4gXvsE">Some of those threats are ancillary to Microsoft’s core businesses, but some are not. As platforms outside Microsoft’s control, like iOS and Android, increasingly consume more of people’s time, Microsoft needs to make apps that compete on the merits. It’s no longer making the default software for a dominant platform within its control, it’s fighting for market share in a crowded marketplace where the app that gets it just right can take off overnight and draw users from a legacy business. Microsoft has even <a href="https://www.theverge.com/2014/4/24/5645684/accompli-is-a-powerhouse-email-app-for-iphone-for-outlook-users">acquired apps like Accompli</a> to make its leading Outlook app for the iPhone and avoid falling behind.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185050/vpavic_190403_3387_0018.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-3.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Microsoft’s hardware designers.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="uWg36X">Later in the design meeting, illustrators debated the addition of a turtle. They’re thinking about using a turtle to help illustrate a slow connectivity page in Microsoft Teams, but first, some decisions had to be made: Should it animate slowly? Should it wear a sweatband? Will its meaning be clear across every country?</p>
<p id="QYDTKy">More input can lead to sharper, more inclusive work. But it can also bog a company down as it tries to please and incorporate everyone involved. I witnessed this during the design meeting when everyone was discussing an animated profile image. All of the designers were focused on how the image animated, but I just sat there, silently wondering why the profile image wasn’t properly center-aligned. It’s a massive challenge for a company as big as Microsoft to open its design process and grow from it, without slowing down or missing the basics.</p>
<p id="R3PImG">For Microsoft, revising how it approaches design is also about revising how it develops products. Increasingly, the company has been happy to fail fast and test things to speed up development times: that’s meant more rapid prototyping, learning to lean on open-source communities, and shifting the core of its software business.</p>
<p id="HccqTB">Microsoft’s old approach was to write every line of code. Modern startups, Friedman says, write around 5 percent of their code, relying on open-source tools for the rest. “There’s all this great open-source stuff that other companies build and that we build that we’re starting to share with each other more openly,” says Friedman. “For us, it’s just about embracing open source in design and engineering.”</p>
<p id="n82dcQ">Microsoft has also created a new way to prototype future products, both hardware and software, that cuts the time to build a prototype from hours or days to minutes. It started as a tool to test changes to Office on the web before Microsoft designers refactored the code to make it open source and started prototyping things like the company’s new Microsoft Search interface, an emerging way to power search results across Office, Windows, and more.</p>
<p id="CsQF3b">The prototype tool is essentially a web version of Windows and Office where designers can tweak the look and feel of things instantly. Windows, Office, and Microsoft Edge designers are all now using this tool to test changes to products. “It’s enabling us to envision new hardware, hardware without screens, hardware with screens, all sorts of different stuff to find out if there’s actual human value there before we go invest in making an actual product,” Friedman says.</p>
<p id="V4lq8s">Product makers are also using this new prototype tool to get a better idea of what software changes will be needed for hardware in the future. Thanks to this new prototype tool, Microsoft’s hardware designers can now try and conceptualize future hardware with or without displays. Some of that future hardware might involve dual screens or even devices with foldable displays. Microsoft has been working to support this type of hardware, but it’s clearly waiting for the right opportunity to launch anything radically different.</p>
<div class="c-float-left c-float-hang">
<aside id="1MAYs1"><q>Microsoft is trying to be far more agile</q></aside>
</div>
<p id="v0iYvx">Investing in products, whether they’re hardware or software, used to involve big bets for Microsoft that didn’t always work out. “Back when we used to ship software, client software, every two to three years, we had to imagine what was going to happen two years from now in the industry and be right about a solution,” Friedman says. “That’s really tricky because the industry keeps moving faster and faster.”</p>
<p id="iwVWFa">Teams within Microsoft are now supposed to work in a series of shorter sprints to prototype or complete designs. Instead of everyone working toward a particular date months or years down the line, a simplistic version of the work is built, and then extras are added on top.</p>
<p id="Gj5BdE">Think of this more agile approach like making a very basic pizza, then adding more fancy toppings each time. The value of a project, or lack thereof, is seen much sooner and well before it’s even finished. Microsoft’s “open design” philosophy applies that same set of design rules across the entire company and allows a design piece built for one product to easily be incorporated into another. Every product doesn’t need its own chat bubble or search bar. Instead, common design elements are like the toppings. They are centralized and reused.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185048/vpavic_190404_3387_0071.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-4.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>A designer works on a new illustration.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="4OOK02">This new focus on speed and the embrace of open source has changed the way Microsoft thinks about how products come to market. “I think our new cultural philosophy is around actually trying things… and if they fail, and we cut them, then that’s awesome learning that we then apply to the next thing,” says Friedman. “More and more people at Microsoft are being rewarded for trying things, learning and then applying learnings forward. Because what we’re investing in is a culture of growth.”</p>
<p id="Vwrbbh">If this new approach to design at Microsoft works, then the company should be well-positioned to respond to software and hardware changes in the years ahead. But nothing like this is ever easy. For a company as big as Microsoft, this sounds like a multiyear change, and there’s no guarantee it will be successful. Microsoft has spent $7.5 billion to acquire GitHub and allow its own developers to share and collaborate even closer. The challenge now is to really make everyone buy into this new approach and completely overhaul Microsoft’s internal culture.</p>
<p id="htMPMt">Microsoft’s embrace of open source, its switch to Chromium for its Edge browser, and this new open design give clear hints at how the company is redesigning its future. “I would hope that everyone can build parts of the Microsoft experience 10 years from now. I would hope that product names go away entirely in the future,” explains Friedman.</p>
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185051/vpavic_190403_3387_0033.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-5.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Inside Microsoft’s hardware workshop.</em></figcaption></span> </figure>
<p id="AgtMCB">Beyond open source and Windows, Microsoft’s future design story looks increasingly inclusive and about listening to the humans who actually use its products. We’ve seen this recently with the Xbox Adaptive Controller, and we’re starting to see Surface move into more personal areas like headphones. It’s an approach we first saw with the Windows feedback program, and now the company is increasingly looking to the voice of its customers to influence its design decisions.</p>
<p id="eQjsBl">This customer voice should hopefully mean better hardware and software, but Microsoft’s centralized design does mean the company could be setting itself up to fail. A unified design raises the stakes. If one thing fails, everything fails. But if Microsoft is truly listening to its customers, then this new agile approach should allow the company to fix things quickly.</p>
<div class="c-float-right c-float-hang">
<aside id="VehLYv"><q>Open design is a smart bet for the future</q></aside>
</div>
<p id="oubUyr">Microsoft has clearly learned from its past, and this new design shift is a smart bet for its future. The challenge now is to combine all of Microsoft’s ideas from its more than 100,000 employees into a single design that scales to look and feel coherent to the billion people who use products like Office or Windows.</p>
<p class="c-end-para" id="nr6Ky9">The challenge is also to not be too early to new products or too late, which is a delicate balance that will prevent Microsoft from launching things and killing them off within months. Otherwise, if this open design doesn’t really work out, we could be looking at well-designed hardware and software that reminds us of what could have been.</p>
<aside id="xjQwXb">
</aside>
</div>
<div style="margin: 5px 5% 10px 5%;"><img src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future.jpg" width="1200" height="800" title="" alt="" /></div><div><p class="p--has-dropcap p-large-text" id="sQ6x6n">One room at Microsoft’s headquarters represents everything that’s changed about its design philosophy. Inside, there are four rows of tables. In the first row is everything the company makes that’s already in stores. In the second is the next-generation of products, and in the third and fourth are the really conceptual things that Microsoft wants to try to make in the future. “If you spend enough time in this room, you see the gaps, certain light bulbs go off,” says Ralf Groene, head of Microsoft’s hardware design.</p>
<aside id="A1wDNe">
</aside>
<p id="HegYom">These days, Microsoft is all about looking at the big picture — not just where one product needs to go, but how an entire ecosystem of products needs to ship, evolve, and work together over the coming years. While products in the past might have been developed in secret by separate teams, and ended up looking and feeling disparate because of it, Microsoft has scrapped that approach recently. It’s now adopted a philosophy called “open design” that’s about sharing ideas across the company, integrating products, and failing faster. The hope is that it will lead to a better combination of hardware and software that looks like it came from one company and is better for it, too.</p>
<div class="c-float-right c-float-hang">
<aside id="QU5dAQ"><q>reshaping a 44-year-old company to focus on redesigning its future isn’t going to be easy</q></aside>
</div>
<p id="cbyRT8">This isn’t just about improving Microsoft’s visual design, though. It’s a much deeper change meant to modernize how Microsoft ships software and competes with far more nimble startups that can aggressively go after the many businesses it’s traditionally controlled. A lot is at stake in a technology industry that’s moving faster every year. </p>
<p id="pUwido">I’ve heard and read many stories about how Microsoft’s culture has changed in recent years and how product teams are working more closely together. It’s such a vast shift at Microsoft that I wanted to see for myself how the company is doing things differently now. So I spent three days at the company’s Redmond, Washington-based headquarters earlier this month, speaking to designers and engineers, sitting in illustration planning meetings, and talking to the leaders involved in this new design approach.</p>
<p id="gejd9L">One thing is clear from my visit: Microsoft has truly learned from its messy mistakes of the past. But reshaping a 44-year-old company to focus on redesigning its future isn’t going to be easy.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16195241/VRG_ILLO_3397_001.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future.jpg"></span> </span> </figure>
</div>
<p class="p--has-dropcap" id="IUp4xh">Every Thursday, Microsoft’s Surface, Windows, and app teams get together to discuss what they’re working on. During one of these many meetings in a sunny conference room at Microsoft’s Redmond HQ, designers sat around debating how playful Microsoft should be with its designs. What’s the tone of voice? What’s the visual representation of the personality of the product? Ultimately, how should Microsoft’s voice be expressed in the form of illustrations and design?</p>
<p id="kI1atL">The meeting was attended by more than a dozen employees in person, representing products like OneNote, OneDrive, and Microsoft Teams. Everyone critiqued each other’s designs, offering opinions and ways to work to Microsoft’s color palette, illustration principles, and general voice to create products in a coherent way. This may sound like a totally normal meeting at most companies. At Microsoft, it would have been unimaginable just 10 years ago.</p>
<div class="c-float-left c-float-hang">
<aside id="YsZONb"><q>Fluent design is designed to scale across everything Microsoft</q></aside>
</div>
<p id="afgE4x">For its most recent design system, Fluent design, Microsoft is pulling ideas from across the company and keeping everyone in sync with an internal catalog of shared principles and guidelines. Designers can log in to see others’ work through mock-ups, concepts, and designs that have shipped to the public. “That was the first base layer step of democratizing design at Microsoft,” says Jon Friedman, corporate vice president of design and research at Microsoft.</p>
<p id="fFi6LB">The approach emerged out of one of Microsoft’s biggest failures: Windows Phone. For its launch, Microsoft brought together the company’s Windows, Office, and hardware teams to create a radical new “Metro” design language that made its operating system look modern. Windows Phone as a platform may have flopped, but its <a href="https://www.theverge.com/2018/4/7/17206174/microsoft-windows-phone-influence-editorial">design really pushed Apple and Google</a> to make better mobile operating systems.</p>
<p id="6Cbqce">“I think what we learned, at least on phone, is that to have a great design system, it cannot just be for one product,” says Albert Shum, head of design for Windows. “It’s how do you actually scale it out to hundreds of products serving millions of customers, in some ways, billions of customers?”</p>
<p id="sfLa7b">Fluent has really taken Microsoft back to the basics of design, with a much bigger focus on simplicity. Instead of bold typography and edge-to-edge content, Fluent focuses on subtle elements like light, depth, motion, and material. We’ve seen it appear in Windows with hints of motion and blur effects. It’s also appeared in Office and on the web across services like OneDrive, Office Online, and Outlook. Microsoft is gradually making Fluent the centerpiece for how the company thinks about design.</p>
<p id="UMYnMp">It’s a design that needs to scale across a multitude of products, and some that are used by more than a billion people across the world. Microsoft’s designers have to consider whether they’re creating art and illustrations for students, workers, or general consumers, and how those designs will be interpreted in different locations. There’s a lot to cover, and each piece of software design also has to adhere to the style of the operating systems from Microsoft, Apple, Google, and others that power the many hardware devices that run Microsoft’s software.<strong> </strong></p>
<p id="uOnENH">In one of Microsoft’s hardware workshops, I spotted an unreleased Surface Mini sitting on a hinge designer’s shelf. When I joke with Groene, the hardware design chief, about how he forgot to get his team to hide the Surface Mini, he’s more interested in discussing what comes next. “We’re a software company, and being able to design better software through hardware is always the stuff that inspires us,” he says.</p>
<div>
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185045/vpavic_190403_3387_0014.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-1.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Surface hinge designers work on what’s next.</em></figcaption></span> </figure>
</div>
<p id="ZCb046">Under its new workflow, Microsoft also has designers working on seemingly disparate hardware across the company. I spoke to Chris Kujawski, an Xbox industrial designer, who told me the company’s changes mean there are more opportunities for designers now, and jobs feel less stale because designers can now work more freely together. That means someone responsible for the design of the Xbox Adaptive Controller is now working on the new Xbox console and designing a new Surface. </p>
<p id="fseYGM">Xbox and Surface hardware might not look the same, but the teams responsible for its design are sitting next to each other at Microsoft now. Kait Schoeck, an industrial designer who worked on the Surface Book, says this new way of working means she’s “constantly doing new stuff” and “constantly learning something new” from fellow designers.</p>
<div>
<aside id="IPEs8e"><q>Microsoft thinks of hardware as a stage for software</q></aside>
</div>
<p id="pWDLNB">All of this hardware needs software to power it, though, and Microsoft doesn’t think of these as separate processes. “We always think of hardware as a stage for software,” Groene says. “Sometimes the stage can also influence the performance of the software, so there’s the back and forth of both of these elements.”</p>
<p id="3wkLfw">If you think back to the original <a href="https://www.theverge.com/2012/10/23/3540550/microsoft-surface-review">Surface RT tablet</a>, which launched alongside Windows 8, the software (Windows RT) was really far behind the hardware and it showed through incomplete apps and laggy performance. “We were intensely focusing on the hardware while the software was being developed at the same time … without really the time to influence each other too much,” Groene says. The aim for any future Surface hardware is never to make the mistake of the Surface RT situation again, and ensure the software is keeping up.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185064/vpavic_190404_3387_0080.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-2.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Part of Microsoft’s fluent design team.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="7D6Tag">The speed of competitors has also had a massive impact on Microsoft. The company started building Surface hardware after seeing Apple’s runaway success with the MacBook Air and iPad, while Google’s regular software updates to Chrome and Android played a role in inspiring <a href="https://www.theverge.com/2015/7/29/9060891/microsoft-windows-10-myerson-belfiore-aul-spencer-interview">Windows 10’s nonstop iteration</a>.</p>
<p id="wdRB9G">But it’s not just fellow tech giants that have given Microsoft cause for concern. There are now thousands of startups that compete for parts of its business, from Office to cloud services to Outlook.</p>
<p id="kUX6db">The software landscape has changed dramatically since Microsoft first organized its workflow. Back in the day, it’d ship a new version of Windows every few years. Software, hardware, and design teams were siloed, and that didn’t make a huge difference — design was minimal, and competitors were limited.</p>
<div class="c-float-right c-float-hang">
<aside id="tgDxYD"><q>Microsoft’s product teams used to battle against each other</q></aside>
</div>
<p id="7iMFwv">Internally, Microsoft’s teams also used to battle against each other. “You’ve all seen <a href="http://bonkersworld.net/organizational-charts">the picture</a> of all the groups pointing guns at each other at Microsoft. Certainly there’s a little bit of that,” a Windows Phone product manager told <em>The Verge</em> <a href="https://www.theverge.com/2012/11/8/3599704/microsoft-build-2012-windows-phone-windows-8-apps-developers">nearly seven years ago</a>. Microsoft used to have a reputation for siloed teams that were run by bosses who would compete with other teams to make the most popular product. Co-founder Bill Gates famously held product reviews where he’d kill years of work in a single meeting, and this encouraged these fiefdoms even more as teams battled for Gates’ attention.</p>
<p id="W1JpNi">But over the past decade, things have changed a lot. Competitors like Google and Apple have built competing products to Microsoft — good ones. Office, a $35 billion per year business that Microsoft still dominates, is now fiercely contested by Google’s G Suite services, tools like Facebook’s Workplace, and many others.</p>
<div class="c-float-left c-float-hang">
<aside id="arpswj"><q>Google and many other startups are aggressively pursuing Microsoft’s businesses</q></aside>
</div>
<p id="za9nne">Meanwhile, smaller startups have nipped at mere pieces of Microsoft’s huge businesses, often to great success. Dropbox and Slack were able to innovate in ways that Microsoft was slow to react to, and the company has found itself playing catch-up. Slack is now <a href="https://www.cnbc.com/2018/08/20/slack-raises-427-million-funding-round-at-7point1-billion-valuation.html">valued at $7.1 billion</a>, and it has more than 30 million customers paying for its service. Dropbox is now a public company, and it’s valued at around $10 billion.</p>
<p id="4gXvsE">Some of those threats are ancillary to Microsoft’s core businesses, but some are not. As platforms outside Microsoft’s control, like iOS and Android, increasingly consume more of people’s time, Microsoft needs to make apps that compete on the merits. It’s no longer making the default software for a dominant platform within its control, it’s fighting for market share in a crowded marketplace where the app that gets it just right can take off overnight and draw users from a legacy business. Microsoft has even <a href="https://www.theverge.com/2014/4/24/5645684/accompli-is-a-powerhouse-email-app-for-iphone-for-outlook-users">acquired apps like Accompli</a> to make its leading Outlook app for the iPhone and avoid falling behind.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185050/vpavic_190403_3387_0018.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-3.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Microsoft’s hardware designers.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="uWg36X">Later in the design meeting, illustrators debated the addition of a turtle. They’re thinking about using a turtle to help illustrate a slow connectivity page in Microsoft Teams, but first, some decisions had to be made: Should it animate slowly? Should it wear a sweatband? Will its meaning be clear across every country?</p>
<p id="QYDTKy">More input can lead to sharper, more inclusive work. But it can also bog a company down as it tries to please and incorporate everyone involved. I witnessed this during the design meeting when everyone was discussing an animated profile image. All of the designers were focused on how the image animated, but I just sat there, silently wondering why the profile image wasn’t properly center-aligned. It’s a massive challenge for a company as big as Microsoft to open its design process and grow from it, without slowing down or missing the basics.</p>
<p id="R3PImG">For Microsoft, revising how it approaches design is also about revising how it develops products. Increasingly, the company has been happy to fail fast and test things to speed up development times: that’s meant more rapid prototyping, learning to lean on open-source communities, and shifting the core of its software business.</p>
<p id="HccqTB">Microsoft’s old approach was to write every line of code. Modern startups, Friedman says, write around 5 percent of their code, relying on open-source tools for the rest. “There’s all this great open-source stuff that other companies build and that we build that we’re starting to share with each other more openly,” says Friedman. “For us, it’s just about embracing open source in design and engineering.”</p>
<p id="n82dcQ">Microsoft has also created a new way to prototype future products, both hardware and software, that cuts the time to build a prototype from hours or days to minutes. It started as a tool to test changes to Office on the web before Microsoft designers refactored the code to make it open source and started prototyping things like the company’s new Microsoft Search interface, an emerging way to power search results across Office, Windows, and more.</p>
<p id="CsQF3b">The prototype tool is essentially a web version of Windows and Office where designers can tweak the look and feel of things instantly. Windows, Office, and Microsoft Edge designers are all now using this tool to test changes to products. “It’s enabling us to envision new hardware, hardware without screens, hardware with screens, all sorts of different stuff to find out if there’s actual human value there before we go invest in making an actual product,” Friedman says.</p>
<p id="V4lq8s">Product makers are also using this new prototype tool to get a better idea of what software changes will be needed for hardware in the future. Thanks to this new prototype tool, Microsoft’s hardware designers can now try and conceptualize future hardware with or without displays. Some of that future hardware might involve dual screens or even devices with foldable displays. Microsoft has been working to support this type of hardware, but it’s clearly waiting for the right opportunity to launch anything radically different.</p>
<div class="c-float-left c-float-hang">
<aside id="1MAYs1"><q>Microsoft is trying to be far more agile</q></aside>
</div>
<p id="v0iYvx">Investing in products, whether they’re hardware or software, used to involve big bets for Microsoft that didn’t always work out. “Back when we used to ship software, client software, every two to three years, we had to imagine what was going to happen two years from now in the industry and be right about a solution,” Friedman says. “That’s really tricky because the industry keeps moving faster and faster.”</p>
<p id="iwVWFa">Teams within Microsoft are now supposed to work in a series of shorter sprints to prototype or complete designs. Instead of everyone working toward a particular date months or years down the line, a simplistic version of the work is built, and then extras are added on top.</p>
<p id="Gj5BdE">Think of this more agile approach like making a very basic pizza, then adding more fancy toppings each time. The value of a project, or lack thereof, is seen much sooner and well before it’s even finished. Microsoft’s “open design” philosophy applies that same set of design rules across the entire company and allows a design piece built for one product to easily be incorporated into another. Every product doesn’t need its own chat bubble or search bar. Instead, common design elements are like the toppings. They are centralized and reused.</p>
<div class="c-wide-block">
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185048/vpavic_190404_3387_0071.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-4.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>A designer works on a new illustration.</em></figcaption></span> </figure>
</div>
<p class="p--has-dropcap" id="4OOK02">This new focus on speed and the embrace of open source has changed the way Microsoft thinks about how products come to market. “I think our new cultural philosophy is around actually trying things… and if they fail, and we cut them, then that’s awesome learning that we then apply to the next thing,” says Friedman. “More and more people at Microsoft are being rewarded for trying things, learning and then applying learnings forward. Because what we’re investing in is a culture of growth.”</p>
<p id="Vwrbbh">If this new approach to design at Microsoft works, then the company should be well-positioned to respond to software and hardware changes in the years ahead. But nothing like this is ever easy. For a company as big as Microsoft, this sounds like a multiyear change, and there’s no guarantee it will be successful. Microsoft has spent $7.5 billion to acquire GitHub and allow its own developers to share and collaborate even closer. The challenge now is to really make everyone buy into this new approach and completely overhaul Microsoft’s internal culture.</p>
<p id="htMPMt">Microsoft’s embrace of open source, its switch to Chromium for its Edge browser, and this new open design give clear hints at how the company is redesigning its future. “I would hope that everyone can build parts of the Microsoft experience 10 years from now. I would hope that product names go away entirely in the future,” explains Friedman.</p>
<figure class="e-image"><span class="e-image__inner"> <span class="e-image__image " data-original="https://cdn.vox-cdn.com/uploads/chorus_asset/file/16185051/vpavic_190403_3387_0033.jpg"> <img alt data-upload-width="2040" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/the-verge-how-microsoft-learned-from-the-past-to-redesign-its-future-5.jpg"></span> </span> <span class="e-image__meta"><figcaption><em>Inside Microsoft’s hardware workshop.</em></figcaption></span> </figure>
<p id="AgtMCB">Beyond open source and Windows, Microsoft’s future design story looks increasingly inclusive and about listening to the humans who actually use its products. We’ve seen this recently with the Xbox Adaptive Controller, and we’re starting to see Surface move into more personal areas like headphones. It’s an approach we first saw with the Windows feedback program, and now the company is increasingly looking to the voice of its customers to influence its design decisions.</p>
<p id="eQjsBl">This customer voice should hopefully mean better hardware and software, but Microsoft’s centralized design does mean the company could be setting itself up to fail. A unified design raises the stakes. If one thing fails, everything fails. But if Microsoft is truly listening to its customers, then this new agile approach should allow the company to fix things quickly.</p>
<div class="c-float-right c-float-hang">
<aside id="VehLYv"><q>Open design is a smart bet for the future</q></aside>
</div>
<p id="oubUyr">Microsoft has clearly learned from its past, and this new design shift is a smart bet for its future. The challenge now is to combine all of Microsoft’s ideas from its more than 100,000 employees into a single design that scales to look and feel coherent to the billion people who use products like Office or Windows.</p>
<p class="c-end-para" id="nr6Ky9">The challenge is also to not be too early to new products or too late, which is a delicate balance that will prevent Microsoft from launching things and killing them off within months. Otherwise, if this open design doesn’t really work out, we could be looking at well-designed hardware and software that reminds us of what could have been.</p>
<aside id="xjQwXb">
</aside>
</div>