Total Downloads

3,521,527

Total Files

9,210

Latest Update

10

Thinking About the Fluent Design System

Posted May 12, 2017 | Fluent Design System | Windows | Windows 10


With its Fluent Design System, Microsoft is finally moving past the flat world of Metro and embracing a model that works with many more devices and input types. But are they just making the same mistakes all over again?

During a conversation that Microsoft officials had with the press and bloggers at Build 2017 this week, the firm explained that Fluent is “not a revolution” but is instead a “journey to a new point.” But put in the context of Microsoft’s sweeping strategy shift with Windows 10 and its embrace of a heterogeneous world of devices, most of which it does not control, I feel that Microsoft is undercutting the importance of this new design.

But then it’s also exaggerating where it’s at, too. At this point in time, Fluent is incomplete and it has no hard release date or milestones. Instead, Microsoft seems to be sort of making it up as it goes along, and implementing Fluent design elements in a rather haphazard way. For example, there are a handful of Fluent design touches in some Windows 10 apps in the Creators Update. And Fluent will not be fully realized, or completed from a design perspective, by the time the Fall Creators Update ships in September.

I wasn’t initially bothered by any of that. Mostly because Microsoft is doing a much better job of explaining its goals with Fluent than it did with Metro, its previous design language, back in 2010. At that time, Microsoft’s overly-pedantic designers beat us to death with overly-detailed and flowery explanations for why this design style—modeled after classic Swiss graphic design and transportation iconography—was so superior.

Microsoft never saw any real success with Metro, let alone in explaining it to the public. But this flat design style was later stolen by both Google (Material Design) and Apple (starting in iOS 7), and neither of those companies ever bothered to thank Microsoft for leading the way.

Where Microsoft is stumbling, however, is in repeating some serious mistakes from the past. You may recall that Microsoft excitedly described a Longhorn future that would never happen at PDC 2003, and that the firm’s supposedly live code shown on stage was later revealed to be mocked-up demos that never evolved into an actual product.

Well, they’ve done it again. The Fluent designs that Microsoft showed off this week at PDC 2013, almost exactly ten years later, were clearly fake, and not running code. And it’s not clear that Windows or the other products that will utilize Fluent will ever look as good as those demos.

This is disheartening, and it makes my earlier points—that Microsoft is making this up as they go and has no clear schedule milestones—more troubling.

I’m not going to judge Fluent or Microsoft’s design intentions prematurely. But I do want to raise these issues now because the community is once again excited by a direction that may never be realized. And because the products that influenced Fluent—like HoloLens—will never be mainstream, leading me to wonder why the flat, 2D interfaces we actually do, and will, use should be changed unnecessarily.

Consider the following: Back in the 1990s, Microsoft changed the toolbars in the key Office applications—Word, Excel, PowerPoint—to be as identical as possible so that users could transition from one application to the others more easily. This is the type of thing that makes sense to virtually everybody because it sounds logical enough. But what Microsoft later admitted is that this design change was done without any research at all—it just sounded right to them as well—and that when they later did do that research, they discovered a contrary truth: Human beings are pretty malleable, actually, and they have no problem using different user interfaces in different applications.

We probably lost decades of productivity to this mistake, and while it’s impossible to know how or if Word, Excel, PowerPoint or other productivity applications might have been made more efficient years ago, we can at least apply this learning to the present. And with Fluent, specifically, it’s unclear to me why a PC, phone, or tablet UI needs to be made consistent with a HoloLens or Mixed Reality headset UI.

Consider the live tiles that everyone seems to love so much. This kind of interface, which provides “at a glance” live information on rectangular surfaces on a home screen makes tons of sense on a smartphone or even a small tablet. But it makes zero sense on a PC, especially when that interface is hidden in a Start menu you need to manually toggle. Live tiles are a great example of a UI not scaling between different form factors.

Now consider the flipside. As you must know, one of the central successes of Windows 10 is that some of the current UIs actually do scale very nicely between different devices types: Just resize a UWP app like Groove or News into a phone-shaped portrait rectangle on your PC screen to see what I mean. So Microsoft may, in fact, be onto something, at least in some areas.

Don’t get me wrong, I don’t have any answers here, I’m just raising the question. We’ll have to see how Fluent evolves over time, and how broadly Microsoft introduces these design elements into its various software products. For now, I’m a bit nervous that they are just making the same mistakes all over again, but I’m likewise happy that they are at least trying, and seem interested in feedback. If they can approach Fluent with the same customer focus that they use with the Windows 10 Insider Preview, this may all work out just fine.

 

Tagged with



Source link

')
ankara escort çankaya escort çankaya escort escort bayan çankaya istanbul rus escort eryaman escort ankara escort kızılay escort istanbul escort ankara escort ankara escort escort ankara istanbul rus Escort atasehir Escort beylikduzu Escort Ankara Escort malatya Escort kuşadası Escort gaziantep Escort izmir Escort
  • vans shoes
  • kyrie 4
  • lebron james shoes
  • kyrie irving shoes
  • puma fenty
  • lebron soldier 11
  • asics shoes
  • stephen curry shoes
  • pg shoes
  • puma fenty slides
  • lebron 14
  • kyrie 4
  • puma rihanna creepers
  • nmd human race
  • curry shoes
  • yeezy shoes
  • adidas nmd
  • lebron soldier 10
  • puma fenty
  • lebron soldier
  • lebron 15
  • kyrie 4
  • kd shoes
  • nike vapormax
  • stephen curry shoes
  • kyrie 4
  • kyrie 1
  • curry shoes
  • kyrie 2
  • adidas nmd shoes
  • stephen curry shoes
  • john wall shoes
  • http://www.kyrie4.us.com
  • adidas yeezy boost
  • yeezy boost
  • nike pg 2
  • kyrie irving shoes
  • adidas john wall
  • yeezy boost
  • j wall shoes
  • http://www.asicsshoes.us.com
  • curry 3 shoes
  • kyrie irving jersey
  • curry 3
  • kd 9
  • kd shoes
  • Kevin Durant shoes
  • http://www.kd-9.org
  • yeezy boost 350 v2
  • kd shoes
  • Curry 3
  • Curry 1
  • kevin durant shoes
  • yeezy boost
  • adidas nmd Runner
  • adidas nmd r1
  • kobe 10
  • adidas crazy explosive
  • air max 90
  • kobe 10 shoes
  • adidas nmd xr1
  • kobe shoes
  • curry one
  • kyrie irving shoes
  • adidas nmd
  • vans outlet
  • vans for sale
  • Curry 3
  • yeezy 350 boost
  • kobe bryant shoes
  • lebron soldier
  • under armour shoes
  • http://www.kyrie4.com
  • nike lebron soldier
  • adidas tubular instinct
  • vibram
  • vibram fivefingers
  • adidas tubular instinct boost
  • adidas ultra boost
  • adidas tubular
  • lebron soldier shoes
  • kids shoes
  • air jordan shoes
  • air max shoes
  • air force 1
  • nike air max
  • air max nike
  • lebron soldier shoes
  • soldier shoes
  • air max 90
  • air max 95
  • adidas nmd human race
  • nmd human race
  • kyrie 4
  • kobe 11
  • Curry One
  • Kobe Shoes
  • harden shoes
  • kobe 11 shoes
  • Curry 2
  • Harden 1
  • Curry 2
  • James Harden Shoes
  • lebron soldier
  • nike epic react
  • nike kyrie flytrap
  • nike epic react flyknit
  • lebron 10 soldier
  • nike lebron soldier
  • Curry Shoes 2015
  • Harden 1 Shoes
  • James Harden Shoes
  • Harden Shoes
  • James Harden 1
  • Under Armour Curry Shoes
  • kobe x
  • Kobe 10
  • Cheap Harden 1
  • kobe bryant shoes
  • kobe shoes
  • Lebron James Shoes
  • Cheap Curry Shoes
  • yeezy 950
  • Curry One Mvp
  • Nike Harden Shoes
  • Nike Kobe Shoes
  • Harden Shoes
  • Under Armour Store
  • Curry 2 Shoes
  • Curry Shoes
  • curry 1
  • curry 5
  • http://www.curry-5.us
  • Stephen Curry Shoes
  • Under Armour curry one
  • James Harden Shoes
  • stephen curry shoes
  • Steph Curry 1
  • Stephen Curry Shoes
  • kobe basketball Shoes
  • Nike Harden Shoes
  • fila shoes
  • fila
  • Nike James Harden Shoes
  • Harden Shoes For sale
  • Harden Shoes Sale
  • yeezy boost
  • new balance shoes
  • kanye west shoes
  • http://www.yeezyshoes.us.com
  • kobe x shoes
  • kd 8
  • adidas nmd xr1
  • balenciaga triple s
  • adidas yeezy boost
  • balenciaga triple s Shoes
  • adidas nmd r1
  • adidas yeezy outlet
  • adidas nmd
  • adidas nmd runner
  • adidas nmd pk
  • adidas nmd footlocker
  • adidas nmd r1 primeknit
  • new era caps
  • kobe bryant shoes
  • lebron soldier 11
  • kobe shoes
  • kyrie 3
  • nike kyrie 3
  • kyrie 3 shoes
  • air max shoes
  • yeezy boost
  • nike air max shoes
  • nike air max
  • kevin durant shoes
  • kd vii
  • kd 7
  • curry 3
  • curry 3 shoes
  • ua curry 3
  • curry 3 low
  • kyrie 3
  • adidas porsche shoes
  • adidas porsche design shoes
  • lebron james shoes
  • kobe shoes 2015
  • nike air shoes
  • nike air max shoes
  • kyrie 3
  • kyrie 3 shoes
  • nike kyire 3
  • cheap air max shoes
  • air max shoes
  • kd vii shoes
  • kd shoes
  • kevin durant shoes
  • adidas zx flux
  • adidas zx
  • jordan retro
  • nike soccer cleats
  • adidas tubular
  • adidas flux
  • cheap kd shoes
  • adidas ultra boost
  • kobe shoes nba
  • palladium boots
  • lebron soldier 10
  • air jordan 32
  • lebron soldier
  • lebron soldier shoes
  • kd 11
  • nike lebron soldier
  • air jordan retro/a>
  • cheap kobe shoes
  • soldier 10
  • adidas ultra boost shoes
  • adidas ultra boost
  • kevin durant shoes
  • kobe bryant shoes
  • jordan retro shoes
  • hyperdunk 2017
  • kd 7 shoes
  • porsche design shoes
  • curry 5
  • adidas porsche design
  • adidas shoes
  • kevin bryant shoes
  • kd shoes store
  • kd 7
  • Cristiano Ronaldo CR7
  • herve leger dresses
  • kobe shoes
  • curry 5 shoes
  • anello backpack
  • kobe bryant shoes
  • kd shoes
  • lebron shoes
  • kd sneaker
  • http://www.curry-5.com
  • adidas alphabounce
  • adidas boost
  • adidas d rose 7
  • jeremy scott adidas
  • nike sb dunk
  • jeremy scott wings
  • Nike CR7
  • jeremy scott shoes
  • js wings
  • lebron shoes
  • kobe shoes
  • balenciaga shoes
  • kobe bryant shoes
  • kyrie irving shoes
  • nike epic react flyknit
  • nike epic react
  • asics gel kayano 23
  • http://www.kyrie3.com
  • canada goose
  • lebron james shoes
  • asics gel kayano 22
  • Nike Lebron James Shoes
  • lebron soldier 12
  • Lebron James Shoes
  • asics gel lyte iii
  • adidas eqt
  • kd 10
  • nike kd 10
  • kyrie 3
  • adidas nmd womens
  • keen uneek sandals
  • prada shoes
  • air jordan 31
  • nike air poresto
  • nike air vapormax
  • nike huarache
  • nike vapormax shoes
  • nike mercurial
  • stephen curry shoes
  • kyrie irving shoes
  • kyrie irving basketball shoes
  • reebok pump fury
  • reebok pump superme
  • air max 270
  • kevin durant jersey
  • adidas iniki
  • adidas porsche design
  • lebron shoes
  • http://www.lebron-shoes.us
  • adidas porsche
  • wholesale hats
  • nike air more uptempo
  • kobe bryant jersey
  • wholesale caps
  • curry 5
  • http://www.curry-5.us
  • adidas superstar
  • curry 4
  • curry 4
  • kd 10
  • air max 270
  • Nike Pegasus 35
  • nike air max 270
  • adidas deerupt
  • supreme yeezys
  • nike kd 10
  • kevin durant 10
  • nike epic react
  • birkenstock sandals
  • nike epic react flyknit
  • nike kids shoes
  • adidas pure boost
  • lebron james shoes
  • calvin klein underwear
  • curry 4
  • birkenstock sandals
  • http://www.kyrie-4.com
  • curry 4 footlocker
  • http://www.birkenstocksandals.us.com
  • nmd r1
  • harden vol 2
  • stephen curry jersey
  • kobe shoes
  • nike roshe run
  • curry 4 shoes
  • new balance running shoes
  • ecco
  • childrens shoes
  • boys shoes
  • girls shoes
  • ecco Shoes
  • asics gel kayano 24
  • puma suede
  • kyrie 4 confetti
  • nike zoom vaporfly
  • birkenstock
  • mizuno shoes
  • ultra boost shoes
  • adidas clothing