Modern design at Microsoft: Going beyond flat design


Recommended Posts

http://www.microsoft.com/en-us/news/stories/design/

Interesting website (and doesn't scroll with mouse for some reason).

A design journey

Growing up, I dreamed of becoming a Formula One race car driver ? the raw speed, cutting-edge technology and competition had me hooked. At the same time, I was fascinated by the idea of working in design and being a part of creating things that are as beautiful and unique as they are delightful and rich with personality.

I ultimately took a path that led me to Microsoft 16 years ago where amazing technology and fierce competition abound. But Microsoft was hardly synonymous with design.

That is, until about three years ago when a brilliant community of designers started to think differently about design and ultimately established a Microsoft design ethos. Since then a remarkable shift has taken place.

Nick Bilton of The New York Times recently wrote: (Microsoft's) "decision to focus on ?flat design,' a type of visual scheme where everything has a smooth and even look, was a few years ahead of the rest of the technology and user interface industry."

Though ?flat design? is a popular meme right now, there is something much, much deeper going on here at Microsoft. With my own lifelong passion for design I immersed myself in the community and got a front-row seat on a journey that has its roots as far back as the late ?90s with Encarta?s bold use of typography and clean interface. But it truly sprang to life in late 2010 with the launch of Windows Phone and in the last few weeks has advanced even further with Windows 8.1 and Xbox One.

I started from the very place I bet you are right now ? disbelief that Microsoft is leading the way on design.

You'll have to use the right to left toggle on the wheel to scroll.

My mouse at work doesn't have it (generic Dell crap).

Microsoft leading the way in design? As Bender from Futurama would say "That activates my hilarity unit".

Uh they always have lead on the UI design themes.

Microsoft leading the way in design? As Bender from Futurama would say "That activates my hilarity unit".

Considering Apple and Google are now using flat design, they're spot on.

  • Like 2

Considering Apple and Google are now using flat design, they're spot on.

Google don't make the entire UI of their products look like some ghastly cartoony throwback to the early 90s

Its irrelevant who pioneered flat design or not, trends come and go and this is no exception, the legacy though and message I got from the story was that MS and the team have rebuilt the companys design principles, not only are they principles they believe in but ones that will hold true into the future, they aren't short sightedly built around the trend itself.

Considering Apple and Google are now using flat design, they're spot on.

Google is using what some call "almost-flat" design. I'm assuming Apple will go into a somewhat similar direction on Monday. i'd be very surprised if they started to mimic Metro-flat design in their UIs and started going all "authentically digital" on us. But we'll really have to wait and see.

Anyway, thanks for the link, I'm going to have to read it at a later point, but I'm sure it's interesting.

Google don't make the entire UI of their products look like some ghastly cartoony throwback to the early 90s

Metro isn't a throwback to the 90's. It still takes advantage of deep color, and people's GPUs.

This topic is now closed to further replies.
  • Posts

    • I agree. I also think Phil stayed too long. They should definitely fire whoever thought all a console platform needed was Call of Duty, Elder Scrolls, and Fallout to survive. Asha and crew are still saying they need more Elder Scrolls and Fallout games. They simply don't get it.
    • Macbook Air is an appealing option, as are plethora of Windows devices with various different CPU's
    • Mozilla highlights Firefox Nova 2026 redesign and more upcoming features with new roadmap by Sayan Sen Last month Mozilla confirmed that Firefox was set to get a major redesign this year. Dubbed "Project Nova", it can already be tested and will roll out to all users later this year.The idea is to keep the browser competitive in a rapidly evolving internet landscape. As such the revamp focuses on improving privacy, usability, performance, accessibility, and customization. Key privacy features including the built-in VPN, private browsing mode, and Enhanced Tracking Protection, will be more visible and easier to manage, while users will have the option to disable AI features entirely through a dedicated kill switch. Additionally, the redesign promises faster page loading, the return of Compact mode, expanded personalization options, and stronger accessibility support. You can find the full details in the dedicated piece linked above. In a new blog post today the company once again reiterated on Nova and also emphasized other new and upcoming features like the settings revamp that is intended to make it easier for users to understand browser settings. In order to make it simpler for users to keep up with such features Mozilla today is launching Firefox roadmap. Hence enthusiasts and interested users will be able to check out what's cooking and also share feedback about the upcoming additions. Alongside the roadmap announcement, Mozilla also highlighted what's new in Firefox 152. One of the biggest additions is the arrival of Tab Groups on Android. The feature, which has already been helping desktop users organize large numbers of tabs, is now beginning to roll out on mobile. Users will be able to group related tabs together, assign names and colors to them, and return to them later. Mozilla says support for iOS will arrive later this year. Firefox 152 also introduces the aforementioned redesigned Settings experience. The company says the changes are meant to make controls easier to find and help users discover features they may not have previously known about. Existing preferences are not changing, though they are now better organized. Another notable addition is the new Blocked Tracker Widget, which provides a visual overview of Firefox's privacy protections by showing how many trackers have been blocked over time and the types of tracking activity the browser has stopped. Looking ahead, Mozilla revealed several upcoming roadmap features. They include customizable keyboard shortcuts, as well as enhanced PDF editing tools that will allow documents to be split, merged, and reorganized directly within Firefox. The company is also working on bringing Multi-Account Containers into the native Firefox experience thus removing the need for a separate extension. Meanwhile Firefox's built-in VPN is set to expand to mobile devices. Mozilla is also developing AI-powered features like Quick Answers, which can provide concise responses to voice queries, and Smart Window, its optional AI browsing experience that is now available without a waitlist. Finally, a new Power Saving Mode is in the works and will help reduce the impact of resource-heavy tabs on mobile devices in order to extend battery life. The video below summarizes the upcoming changes in an easy to understand format: You can find the announcement blog post here on Mozilla's official website.
    • Dead on arrival at that price. Like they missed the mark by multiple hundreds of dollars - this should actually undercut the Macbook Air at $899 if they want any sort of sales / further adoption of WoA
  • Recent Achievements

    • One Year In
      Console General earned a badge
      One Year In
    • One Year In
      Twozo Technologies earned a badge
      One Year In
    • One Month Later
      Twozo Technologies earned a badge
      One Month Later
    • Week One Done
      Twozo Technologies earned a badge
      Week One Done
    • Veteran
      branfont went up a rank
      Veteran
  • Popular Contributors

    1. 1
      +primortal
      511
    2. 2
      +Edouard
      198
    3. 3
      PsYcHoKiLLa
      109
    4. 4
      Steven P.
      89
    5. 5
      Nick H.
      71
  • Tell a friend

    Love Neowin? Tell a friend!