Lars Klint Adaptive UX - A Single UI for Everything MOB234

Fragmentation - A Developer’s Nightmare

24,093 Distinct Android devices 37.8% are Samsung's devices 1,294 Device brands

PhoneSmall Tablet 2-in-1s (Tablet or Laptop) Desktops & All-in-Ones PhabletLarge Tablet Classic Laptop XboxIoTSurface HubHolographic Windows 10

13

Adaptive Interfaces - Bringing Sanity Back

.NET Native is a precompilation technology for building and deploying Windows apps. It automatically compiles apps that target the.NET Framework and Windows 10 to native code..Net -> IL -> Native code.Net -> Native code

Effective Pixels

Building Adaptive UX - Target all the things!

Relative Panel A new XAML layout control, which arranges its children by declaring relationships between them.

Relative Panel <Rectangle x:Name="BlueRect" Fill="Blue" MinHeight="100" MinWidth="100" RelativePanel.RightOf="RedRect" /> <!-- Width is not set on the green and yellow rectangles. It's determined by the RelativePanel properties. --> <Rectangle x:Name="GreenRect" Fill="Green“ MinHeight="100" Margin="0,5,0,0" RelativePanel.Below="RedRect" RelativePanel.AlignLeftWith="RedRect" RelativePanel.AlignRightWith="BlueRect"/> <Rectangle Fill="Yellow" MinHeight="100" RelativePanel.Below="GreenRect" RelativePanel.AlignLeftWith="BlueRect" RelativePanel.AlignRightWithPanel="True"/>

VisualStateManager - Old public MainPage() { this.InitializeComponent(); this.SizeChanged += (s, e) => { var state = "VisualState000min"; if (e.NewSize.Width > 500) state = "VisualState500min"; else if (e.NewSize.Width > 800) state = "VisualState800min"; else if (e.NewSize.Width > 1000) state = "VisualState1000min"; VisualStateManager.GoToState(this, state, true); }; }

VisualState - Adaptive triggers

XAML View Setting custom device specific XAML pages

Speed Develop for more devices, faster Capitalise on your work

Maintenance Less Code, Less Mess (hopefully) More time to build features

Continue your Ignite learning path Visit Microsoft Virtual Academy for free online training visit Visit Channel 9 to access a wide range of Microsoft training and event recordings Head to the TechNet Eval Centre to download trials of the latest Microsoft products