Hi, everyone! somehow everybody feeling?
All right. We are almost to the end of
This thing. So steady is the ship.
I am mike harnish. The creative director working
On the windows next team. We build first-party windows
P from paint 3d on the desktop all the way to our
Layout and remote assist we are building for holowinds.
I am here to discuss the power of spatial computing for 2d
Application and how fluent design system will bring the
Power of 3d to your experiences even if you aren't
A 3d developer and by now hopefully you have
Seen several of these talks. I am showing the slide at the beginning because i am one of
The last talks, but we really worked hard
To show that the fluent story we are telling
Across the touch points and points of view echo the same
Sentiment and shares the same philosophy chigusa and tim's
Evolve our design and robert carmen's api session this
Morning that gave a sneak peek to things i am going to show
You today and an exciting time to be a windows developer.
I can't wait to show you some fresh applications that my
Design team has been doing that showcases the impact of
3D capabilities on traditional 2d applications.
So check out this video to see the latest iteration of fluent
Ct-and experiences today
>> All right.
So raise your hand if you actually develop using fluent controls and patterns today?
How many guys do that. All right.
How many mixed reality developers?
Oh, wow, that is really exciting. How many of you guys actually
Build in 3d -- commonly build in 3d.
A lot. Great. That is really exciting.
We will touch on three things i want to you take away from
This session today. The first -- and we just saw a
Great ren significances of the fluent controls we are
Bringing to you every six months, but really it is
Important town stand while we have a lot of beautiful visual
Things that we are bringing -- that create more engaging applications with things like
Materialality and depth and motion, we are really looking
To build a system to connect r experiences across our ecosystem.
And that is something that is really important.
Second, even if you were not thinking of mix red at today,
There are new emotional connections that you are going
To be able to make with your customers and more ways and
Deeper ways tone gauge them in productivity and creativity even if you were building a
Traditional 2 d app and we will show some stuff there,
And finally, even though i am -- i am super excited to see
So many 3d developers here, even if you don't know 3d, we
Will be doing things with our control and patterns to help
You along even if you were ing just traditional 2d apps.
Now this is a slide you may presentations.
It is one of my favorites. It's -- it really kind of
Shows the a.Work as a developer that we all have to
Do in order to reach our customers and all the
Difference devices and inputs they are having to manage each
Day, and for customers, this is also incredibly daunting as
We are finding that customers are working across workflows
Using multiple devices, this is a lot of cognitive load to
Go through as we are starting to move from device to device.
And to be clear, while fluent doesn't have a solution for all these touch points today,
It is really the goal for us on the fluent journey that we
Embarked upon last year to continue to evolume of the
System with every release to start to lead and bring our
Customers and developers to all these different touch
Points. So we plan for fluent to come
In these ratetive ways. We see the things released
Last year with the acrylic materials,
Paralax, conscious controls. We have new things this year that we have been showing you
Guys. Z depth, transient materials,
Branding, color system, all these things that we are bring
To fluent as we evolve the system. The things we are going to
Show you today are things we are embarking in the future.
And the path to meaningful spatial design really comes
With a few ideas. Let's talk bought it idea of being in flow state.
Being in the zone. This is particularly important as work flows become more
Complex and agile for our customers.
Second, emotional connection is incredibly important in
Engaging and retaining users
That use our products. And we really want our
Ecosystem to feel unique and present to each customer
Predictable and relatable. Finally in talking about
Spatial computing it is important that what we are
Focusing on today is about space. The space around users and
Space around you as we engage in experiences and not just
The volume of the application itself.
So what does it mean to be in the flow?
I am pretty sure everybody here probably experienced
This. You think back on the time you
Were coding and creating something, doing something
Meaningful to you and you felt particularly empowered.
That time you were locked in. Everything seemed effortless.
This is that heightened state of awareness we like to call the flow.
Sometimes we call it the zone and really where customers are
Most productive and creative. And incidentally, it is also one of those moments where you
Are the most content and happy. But more so than just being a
Psychological state of mind, it's really expensive right
Now for businesses, for people to be outside of this flow
State , because unnecessary interruptions are costing an
Estimated 650 billion with a "b," billion dollars a year
And that breaks down to 20 of a worker's week is blocked by
The speed bumps keeping them from achieving that flow state
And cost being $10,000 per information worker per year.
And when we also look at the way workers are starting --
People are actually starting to do their work because of
All the devices they are finding with younger
Generations like generation z, that people are starting to
Complete singular work flows across the multiple ranges of
Devices. Start an e-mail on their phone
And finish on their desktop. A lot of students are writing
Essays on their phone while they watch youtube video on
Their pc. Especially when we move to
Head-mounted displays and things more engaging and
Immersive for customers. We want to make sure we are
Creating a system to connect these experiences to maintain
That flow state. And we are making decisions
Based on emotion.
There is a study in 2013 that showed -- people were 47 more
Likely to give money to a product or company if they had
A positive emotional connection with that company.
One of my favorite stories to illustrate this is that a beverage company a few years
Ago saw a flattening of their sales in the u.S. And simply
By putting the names of people on to their products, by
Simply by putting the name of a person on to their cans and
Bottles they saw an uptick in u.S. Sales for the first time
In four years. This is parallel research and
Really shows that it is as simple as people are seeing
Themselves, their name that product, people engage with
That product more. And what is really exciting as
A windows developer is that the spatial experiences that
We have the potential to build are going to be creating emotional connections in ways
That customers have never experienced before.
If you ever have put on a holo lens and seen something sitting in your house on a
Tabletop. You may have experienced this
And something that we really think will take those 2d
Applications, putting them spatially around people will
Benefit the customers in new and compelling ways.
So that brings me to spatial computing.
And talking about what that means and how we actually
Adapt traditional applications to this new design paradigm
I am sure you heard of bazillion definitions of mix red at, but in this context,
Talk on mixed reality is content that is spatially
Informed and interactions that are natural and easy to use.
That break down the digital and physical worlds.
Yesterday, daniel and blake were showing the layout app
And i really like the way they describe mixed reality which
Was the blending of the richness of the real world
With the multimedia capabilities of dij tam experiences.
The exciting thing is this is already happening in the
Marketplace today and in our society today with devices
Where you can naturally tap
Into your music by speaking to a speaker in the kitchen.
And as a lover of music not
Barriers but changing the way i do my daily tasks every day.
And this is mixing reality today. And something else that we
Find is that thank experiences that are connected to us, we
See this with mobile and i love the idea of the e reared
Is that when we actually hold those experiences in our
Hands, we connect with them in powerful and personal ways than when something is
Actually detached from us.
Traditionally when we think of things like
Skemorphism. That is the use of the relatable cues that help ease
A customer into a new tech experience. It has come in and out of
Fashion over years and really it is necessary in some ways
Because when a customer never used a digital device can see
Lined paper, she can understand or he can
Understand that -- i understand this paradigm.
And this is relatable to me and this is how i work.
And traditionally doing skemorphism, doing it
Visually. But we are actually exploring
Something that i like to call behavioral
Skemorphism, and the
E-reader is a great example of this. We evolve relatability to the
Way humans move and work in their daily real world lives.
Things like holding a book in your hand connects to you the
Digital content than if, say, you were reading that book on
Your laptop or even reading it on your phone. That's what we are used to.
We have that relatability with books, and we carry that into
The digital world the same way.
So now i want to talk about a case study.
You may have seen bits of this in robert's presentation this
Morning if you saw it. I want to talk about a
Traditional 2 d app. My team made it generic
Intentionally. This can be a mail app, a
Photos app, an app in which to read news, but here we have
Different elements, controls and patterns you would build
With fluent represented in yellow for navigation.
We have the magenta representing the commanding,
And then a list of collections in gray with the selected
Collection in blue and then the preview of that collection
Over to the right in blue. And right now as we saw with
The z depth you stuff that we are showing, on the 2 d
Desktop we are adding volume. It is really excite.
We are adding shadowing -- real world shadowing that is
Adding visual hierarchy to the app. If you look at this from the
Angle, you can see that the developer in the case wanted
The commanding to be an important part of the app for the user.
Pulled forward the furthest, affording the user visual cues
In which to -- to work with that app more easily
But with -- with spatial computing, now we can actually
Start to summon those components to the user in this
Exercise using something like a six degree of freedom
Control in mixed reality. An now this again is the way
We build in control and pattern will adapt seemingly
-- Seamlessly for you for a spoke for your customer and a
Commanding in a way that transform it to say like a
Dial-like look and feel around the freedom 360 controller and
Summon the navigation to a user that feels more personal to them.
And even further than that, we can now summon the content in
A way that feels much more natural and relatable.
From a first-person perspective, this is simply
Taking a look at, say, that string of e-mails have you you
Haven't gotten to, summon those to your hand and read
Them as simply as you would read articles of paper in the
Real world in could be again a series of e-mails.
Those photos that you want to edit from your vacation or be that list of articles that you
Are putting off reading that you want to sit on your couch
And naturally go through even though they sit in digital
Space and we don't have to stop
There. Because as the controls adapt
Further to things like mixed reality and holo lens, well
Now we can actually take that collections control that allow
You to hold that in your hand and now we can start to do new
Ings with it such as allowing the user in this case
To display them on a table in the way photographer might
Look at photographs or to be able to project them on to a
Ball that a way that a project manager may look at dso items.
Additionally the familiarity ui should work seamlessly as
The user shifts from device to device. Seeing this ui in hololens
Should feel the same, move the same and have the same
Functionality on a large screen and on a desktop
So to recap fluent design,
Beautiful but functional. It is there to help connect
All of our device across our ecosystem to create a better efficient developer workflow
As well as an incredibly smooth workflow for customers that will create emotional
Connection and keep that in the flow.
Mixed reality and taking those spatially deepens that
Emotional connection and helps keep people in the flow because they are using those
Relatable, natural interactions that they are
Used to in real life. And final lie, if you don't
Develop in 3d, that's okay because we are going to do
That for you by building our code to then transform as we
Move across these new devices that we are supporting in
Future waves of fluent. But most importantly, if you
Take one thing away, remember, this is a journey we are
Taking with you guys, the developers.
We are building this for you so you can build the
Experiences you want to build for your customers and we
Really want to hear from you and give you guys the tools
That you need in order to start
Engaging with fluent today. We have guidance,
Documentation, we have code that you can download and use
These controls today and things like z depth will be
Coming in the future and design toolkits for adobe apps
And other apps to use in your workflows starting right now
And co-create with us becoming an insider and reaching out on
Twitter and linkedin. I want to leave you with one
Video that showed where we were last year with build and
How far we have come in one year. >> How are you doing.
We call this fluent design. >> Design is not just about
Making things look good. It is about making things work
Well >> we want to invite all of to
You learn more and participate in the evolution of the
Witness design system.
>> Thank you all very have very much and thank you again.
>> Thanks, everybody. I will be available afterwards
For questions if you have any. [Applause]
Please send feedback. Let them know what you thought.