<<

//Build 2018 Fluent Talks

BREAKOUT SESSIONS – Tuesday 5/8 BREAKOUT SESSIONS – Wednesday 5/9 BREAKOUT SESSIONS – Mon & Wed

Modernizing Desktop Apps Building powerful desktop and MR applications with Designing for Fluent with Adobe XD on new windowing apis and other design tools Mike Harsh Roberth Karman Joey Pitt, K.C. Sullivan 10:30am-11:45am 8:30AM-9:15AM Mon 5/7 1:00PM-1:20PM

Courageous Design – embracing successes and failures Developing for Sets on Windows 10 Fluent Design System inside of through iteration. Jason Watson, Raymond Chen : Office Jon Friedman 10:15-11:30am Chris Bimm, William Devereux 1:15PM-2:30pm Wed 5/9 11:30am-11:50am

Fluent Design: Evolving our Design System Harnessing the Power of AI with Windows Ink Our Fluent Path to Spatial Computing: Chigusa Sansen, Tim Allen Avani Reddy, Yibo Sun Easy as 1-2D-3D 3:00pm – 4:15pm 10:15am-11:00am Mike Harnisch Wed 5/9 1:30pm-1:50pm What's New for Windows UX Developers? Creating Innovative Experiences for Fluent and XAML Fluent Design using the Visual Layer Paul Gusmorino Danielle Neuberger, Sohum Chatterjee 4:45pm – 6:00pm 1:00pm-1:45pm

Rapidly Construct LOB Applications with UWP and Visual Studio 2017 Daniel Jacobson, Ryan Demopoulos 2:45pm- 4:00pm What Will I Learn?

Fluent Design is more than a visual treatment, it is a system to connect experiences.

Mixed Reality affords opportunities for deeper emotional engagement and higher productivity.

You don’t need to be an expert in 3D development to create compelling spatial experiences. A System to Connect Experiences

0D SMALL 2D SCREENS 2D LARGE 2D SCREENS 3D INPUTS

LIGHT LIGHT LIGHT GLANCEABLE VISUAL VISUAL (0- VISUAL (0’- 6’) VISUAL (0’- 6’) VISUAL (3’- VISUAL VISUAL (0’- 10’) IMMERSIVE (0’- X’) 2D- 3D (0’- 12’) SOUND SOUND SOUND SOUND (0’) 3’) SOUND SOUND 10’) (10’) SOUND SOUND SOUND HAPTIC HAPTIC SOUND SOUND HAPTIC HAPTIC SOUND SOUND HAPTIC HAPTIC HAPTIC OUTPUTS HAPTIC HAPTIC HAPTIC HAPTIC Iterative Waves, Transformative Over Time

Fall 2019

Spring 2019

Fall 2018

Spring 2018

Fall 2017

Spring 2017 Things to Discuss

Keeping Users in the Flow Emotional Connection Spatial Computing is about Increases Engagement Space, not just Volume Keeping Users in the Flow When “Flow” is achieved, there is a heightened state of awareness, where a person is their most productive and creative. Inefficient Workflows are expensive, with “unnecessary $ interruptions” costing 650 businesses an estimated $650 billion per year. BILLION*

* Steve Lohr, Is Information Overload a $650 Billion Drag on the Economy?, link $650 Inefficient Workflows are expensive, with BILLION “unnecessary interruptions” costing $10,000 businesses an estimated 8 HRS / WEEK $650 billion per year. $10,000 $10,000 $ $10,000 $10 000 Customers are completing singular tasks across multiple devices Emotional Connection Increases Engagement Engagement increases when customers feel an emotional connection to a product or brand. Engagement increases when customers feel an emotional connection to a product or brand. Spatially contextual experiences do this by augmenting people, as well as the world, fostering new emotional paradigms. Spatial Computing is about Space, not volume Spatially informed and natural interactions are breaking down the walls between the digital & physical. Experiences that are physically connected to people feel powerful and personal. Traditionally, relatable visual cues have been employed to help people adapt to new technological advancements. “Behavioral Skeuomorphism” affords emotional impact by employing familiar actions to digital experiences. Our current Fluent experiences start where customers are today. Our current Fluent experiences start where customers are today. When 2D experiences spatially adapt, they can be summoned to create natural interactive opportunities. This unlocks new relatable patterns that are emotionally connective and prolong flow.

Common Controls can adapt across different devices, responding to a variety of natural workflows. So Now Then

Fluent Design is more Mixed Reality affords You don’t need to be an than a visual treatment, opportunities for deeper expert in 3D interactive it is a system to connect emotional engagement design to create compelling experiences. and higher productivity. spatial experiences. Check out our resources and join the Fluent Community of developers! Get Involved!

Guidance & Documentation Co-Create with Us

Fluent Overview: https://fluent.microsoft.com Fluent for Windows: https://aka.ms/fluentdesignforwindows Program XAML Controls Gallery & Sample Code Download

Insider Program Fluent Design LinkedIn http://aka.ms/xamlcontrolsgallery insider.windows.com Microsoft.com/design Linkedin.com/company/1035/ https://aka.ms/xamlcontrolsgalleryongit

Design Toolkits https://aka.ms/designtoolkits

Medium Twitter medium.com/@microsoftdesign @MicrosoftDesign Thank you.