Microsoft wants everyone to follow its lead with its new mobile design
NearlyNearly a decade ago, Microsoft launched its Windows Phone platform with the promise that its software would free users from their phones. The first big ad campaign showed people engrossed in their devices at clubs, restrooms, and even on a roller coaster, while frustrated bystanders asked, over and over: “Really?”
Windows Phone would answer those frustrations, said Microsoft. It was “designed to get you in and out, and back to life” with the help of the company’s striking tile-based Metro user interface. Microsoft envisioned a world in which apps would talk to each other seamlessly and content flowed freely. Despite some great design principles, Windows Phone didn’t work out, but Microsoft never gave up on the idea of improving mobile productivity.
Today, Microsoft is reviving some of these ambitions by bringing what it calls its Fluent Design system to its mobile Office apps, a simplified set of principles designed, just like Windows Phone, to speed things up on the go. It’s even letting third-party app developers embrace these design elements with toolkits to prettify their own apps. This will have the benefit of making Microsoft’s mobile apps feel more consistent, but the end goal is the same as Windows Phone’s was: to get users in and out of their apps quicker and back to life again.
“When we look at the mobile market, we feel like no one has done an amazing job of nailing productivity on phones across voice and visual systems in a sort of microtasking kind of way,” explains Jon Friedman, corporate vice president of design and research at Microsoft, in an exclusive interview with The Verge. “We feel like it’s our birth right and duty to help people in the world accomplish their goals, so that’s why we’ve been super focused on this.”
Microsoft has spent years researching exactly how people use their phones on a daily basis in markets like China, India, Europe, and the Americas. More than 40 designers and researchers across Microsoft “have collaborated to rethink and redesign how we approach mobile and mobile productivity,” reveals Friedman. “Not just the apps themselves, but how they all connect together and work together; and to build a common design system to extend Fluent to be a truly mobile-first design system.”
This unified mobile design system borrows a lot from the work Microsoft has been doing on Outlook in recent months, with improved iconography, identical file lists, updated typography, new splash screens, and a focus on dark mode.
Apps like Word, Excel, PowerPoint, Outlook, and OneDrive will now all share common design elements and look far more similar. Even Yammer, Teams, and Planner are getting new versions, too. You’ll soon notice a brand-colored header at the tops of these apps (like what exists in Outlook) and a simple bottom bar with Microsoft’s new Fluent design icons. Just like how Microsoft created a new dedicated mobile Office app to focus on tasks people do on the go, these separate apps have been simplified with the same goal in mind.
”The thing we learned in all of our research is that people spend about 4 hours a day on their phone, but the average session time of doing something is between 20 and 30 seconds long,” explains Friedman. That’s an extremely short burst of time to get something done on the go, and Microsoft is trying to improve its own apps, and others, to simplify those tasks with a design that makes it more familiar and less jarring when you switch apps.
That doesn’t mean every Microsoft app will look the same on iOS and Android, as the company is still trying to feel at home and native on these platforms. It means things like search should be in a similar place, and iconography will be reused so things feel more familiar. It’s these very subtle changes that can add up to improvements over time, and it’s a big part of Microsoft’s open design approach internally.
It’s not been an easy journey to get all Microsoft designers on the same page, but things like buttons, patterns, and file lists are now being reused freely in the company. “That took us some time to really get everyone involved and contribute,” says Benedikt Lehnert, director of product design for Microsoft 365 mobile experiences, in an interview with The Verge. “Now we have a really thriving community of mobile designers across the company that’s literally every week making the system better.”
A lot of this work has started off in small and subtle ways, but recently, Microsoft launched a new “Play My Emails” feature for Outlook that uses Cortana to read out emails and even calendar invites when you’re driving to work, cooking, or commuting. This feature was born out of designers wanting to design email for people who are visually impaired. Microsoft formed a relationship with the Washington State School for the Blind and spent time studying what it’s like to live in a narration experience…..Read More>>