Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

33
Working with the Microsoft Design Language Stefan Szakal – CEO, X3 November 20-21, How To Web 2013

description

A designer's perspective In the new world order where the fruits & flavoured bots battle for supremacy, the biggest surprise came from the most unexpected place: Microsoft. Is Metro a real innovation in UX design or just an attempt to catch some headlines? During this talk I will try to answer this question, amongst other things, while showcasing the principles and patterns behind Metro. More details on: http://2013.howtoweb.co/

Transcript of Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Page 1: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Working with the Microsoft Design

Language

Stefan Szakal – CEO, X3November 20-21, How To Web 2013

Page 2: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Design studio from Timisoara,since 2001

Page 3: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Interactive, Branding, Print,Motion, UX/UI

Page 4: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

www.wearex3.com

Page 5: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 6: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Microsoft Design Language?

Page 7: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 8: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 9: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 10: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 11: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 12: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 13: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 14: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Microsoft applies one single, consistent design

language across each screen it touches.

Page 15: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 16: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

The Principles

Page 17: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Authentically digital

Pride in craftsmanship

Do more with less

Be fastand fluid

Win as one

Page 18: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Authentically digital

Dynamic and alive with communication Beautiful use of typography + Bold, vibrant colors

Motion used meaningfully

Page 19: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 20: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 21: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Influenced by the Bauhaus

Modern Design Movement

Page 22: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 23: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Radical reductionism to the core function, an elimination of superfluous additions, and beauty esteemed through simplicity.

Page 24: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Do more with less

Be great at something + Focused and directContent before chrome

Page 25: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language
Page 26: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Authentically digital

Pride in craftsmanship

Do more with less

Be fastand fluid

Win as one

Page 27: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Conclusions?

Page 28: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Competitionis f-ingawesome!

Page 29: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Skate where the puck is going, not where it has been.

Wayne Gretzky

Page 30: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Flat Design FTW!

Page 31: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Content before chrome.

Page 32: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

http://modern.IE

Building for the modern web just got easier

3 months free testing with Browserstack

Page 33: Stefan Szakal, Co-founder, X3 - Working with Microsoft's design language

Thank you!

@[email protected]