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 think every American should have a course in a 'dry sense of humour' at school; and perhaps 'using sarcasm in jest' oh, and also 'the use or irony in humour'. Slapstick is just about all Americans can understand. It's a pity, as this is the most basic of humour, that requires no thought at all. It's hilarious to watch a whole room collapse with laughter while yanks sit scratching their heads...
    • What they really need to do is automatically spell "loses" and "lose" correctly since nobody seems to know how to anymore. Then they blame spellcheck/autocomplete and don't realize autocomplete is just filling in the word for them automatically so it was misspelled in the first place.
    • If someone chooses to continue using SB and therefore goes through the manual intervention in the thread, afterwards the BSOD problem is gone. Whether they then re-enable the task doesn't matter, they're done, though on such machines it might pay to keep it disabled in case the next update (if there is a next) causes the same problem. OTOH, if someone disables SB in the BIOS, the problem is also gone. Incidentally, I noticed that this task exists even on machines that don't support SB. It's just installed across the board...and runs. Doing what on such machines is a little hazy.
    • qBittorrent 5.2.2 by Razvan Serea The qBittorrent project aims to provide a Free Software alternative to µtorrent. qBittorrent is an advanced and multi-platform BitTorrent client with a nice user interface as well as a Web UI for remote control and an integrated search engine. qBittorrent aims to meet the needs of most users while using as little CPU and memory as possible. qBittorrent is a truly Open Source project, and as such, anyone can and should contribute to it. qBittorrent features: Polished µTorrent-like User Interface Well-integrated and extensible Search Engine Simultaneous search in most famous BitTorrent search sites Per-category-specific search requests (e.g. Books, Music, Movies) All Bittorrent extensions DHT, Peer Exchange, Full encryption, Magnet/BitComet URIs, ... Remote control through a Web user interface Nearly identical to the regular UI, all in Ajax Advanced control over trackers, peers and torrents Torrents queueing and prioritizing Torrent content selection and prioritizing UPnP / NAT-PMP port forwarding support Available in ~25 languages (Unicode support) Torrent creation tool Advanced RSS support with download filters (inc. regex) Bandwidth scheduler IP Filtering (eMule and PeerGuardian compatible) IPv6 compliant Available on most platforms: Linux, Mac OS X, Windows, OS/2, FreeBSD qBittorrent 5.2.2 changelog: FEATURE: Use D-Bus to show file in file managers (Chocobo1) #24340 BUGFIX: Fix friendlyUnitCompact precision calculation (vafada) #24323 BUGFIX: Remove all top-level folders (glassez) #24333 BUGFIX: Use proper API for checking exit status (Chocobo1) #24349 BUGFIX: Delete stale lockfile when hostname mismatch (TurboTheTurtle, glassez) #24363 BUGFIX: Fix wrong removal procedure of watched folder paths (Chocobo1) #24413 BUGFIX: Don't reannounce before interface changes are applied (glassez) #24447 BUGFIX: Use Latin script for Bosnian locale name (Andy Ye) #24342 WEBUI: Fix performance of global checkbox toggling (tehcneko) #24316 WEBUI: Fix Safari transfer list header misalignment (Piccirello) #24377 WEBUI: Fix error when submitting magnet before metadata loads (Piccirello) #24378 WEBUI: Use correct row id when updating Rss Downloader feed selection (Chocobo1) #24402 WEBUI: Use SameSite=Lax for session cookie to fix cross-site login (Piccirello) #24422 WEBUI: Bring back properties panel expand/collapse button (vafada) #24430 WEBAPI: Only use X-Forwarded-Host header when reverse proxy support is enabled (Chocobo1) #24457 RSSS: Fix "RSS Smart Episode Filter" RegEx (nathanon-akk, glassez) #24398 RSS: Fix previously matched episode format (glassez) #24452 WINDOWS: Fix Python fallback search path (TurboTheTurtle) #24325 WINDOWS: NSIS: Allow to install x64 binary on ARM64 (Chocobo1) #24358 Download: qBittorrent 5.2.2 | 41.1 MB (Open Source) Download: qBittorrent 64-bit installer (qt6) | 43.6 MB Links: qBittorrent Home page | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
  • Recent Achievements

    • Veteran
      branfont went up a rank
      Veteran
    • Reacting Well
      Almohandis earned a badge
      Reacting Well
    • First Post
      Cosminus earned a badge
      First Post
    • One Year In
      ThatGuyOnline earned a badge
      One Year In
    • Week One Done
      Jeroen Wilms earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      487
    2. 2
      +Edouard
      185
    3. 3
      PsYcHoKiLLa
      126
    4. 4
      Steven P.
      87
    5. 5
      neufuse
      72
  • Tell a friend

    Love Neowin? Tell a friend!