next generation desktop uis for windows 10€¦ · universal windows platform uwp apps aka....
TRANSCRIPT
![Page 1: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/1.jpg)
NEXT GENERATION DESKTOP UIS FOR WINDOWS 10
DAVID WÜRFEL
NÜRNBERG (GERMANY) · 17.06.2015
#dwx15
![Page 2: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/2.jpg)
• User Interface Engineer • Development of custom controls • Implementation of visual designs in XAML
• Master of Science • in Computer Science
DAVID WÜRFEL
![Page 3: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/3.jpg)
• Locations • Saarbrücken (Headquarters)
• Mülheim an der Ruhr (Office)
• Frankfurt am Main (Office)
• Founded 2005
• 35+ Team members • Cognitive Psychology
• Communications Design and Game Design
• Software Engineering
CENTIGRADE GMBH
![Page 4: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/4.jpg)
• Windows 10 • Tailored UIs • Desktops • UWP Apps • Live Coding • Q & A
OVERVIEW
![Page 5: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/5.jpg)
WINDOWS 10
The philosophy
![Page 6: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/6.jpg)
ONE UI TO RULE THEM ALL?
WINDOWS 8
Reference: http://news.microsoft.com/?attachment_id=24896
![Page 7: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/7.jpg)
PLATFORM CONVERGENCE JOURNEY
Reference: http://www.microsoftvirtualacademy.com/training-courses/a-developers-guide-to-windows-10
![Page 8: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/8.jpg)
WINDOWS 10: ONE PLATFORM TO RULE THEM ALL?
Reference: http://blogs.windows.com/buildingapps/2015/03/02/a-first-look-at-the-windows-10-universal-app-platform/
![Page 9: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/9.jpg)
TAILORING
device specific customizations
![Page 10: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/10.jpg)
FORM FACTORS
• Display size
• Resolution • Pixel density
• View distance
![Page 11: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/11.jpg)
HIGH DENSITY
1920x1080 at 22“ 100 PPI
STANDARD FULL-HD DESKTOP
1920x1080 at 4,95“ 450 PPI
NEXUS 5
2880x1880 at 15“ 230 PPI
RETINA MACBOOK
SURFACE HUB
3840x2160 at 84“ ~50 PPI
√𝑤𝑖𝑑𝑡ℎ↑2 + ℎ𝑒𝑖𝑔ℎ𝑡↑2 /𝑑𝑖𝑎𝑔. 𝑑𝑖𝑠𝑝𝑙𝑎𝑦 𝑠𝑖𝑧𝑒
1 inch
![Page 12: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/12.jpg)
HIGH DENSITY BENEFITS?
1 inch
better visuals
more content
ideal
![Page 13: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/13.jpg)
SMARTPHONES, SMARTWATCHES,
TABLETS
SMALL SCREENS
Reference: http://teachingwithipad.org/2014/01/01/smartphone-addiction/
![Page 14: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/14.jpg)
CONTROL ROOMS, CONFERENCE
ROOMS, PROJECTORS
BIG SCREENS
Reference: http://www.esa.int/spaceinimages/Images/2012/05/ESOC_control_room
![Page 15: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/15.jpg)
DEFINITION OF VIEW DISTANCE?
VR AND AR
References: http://news.microsoft.com/?attachment_id=152383 http://b-i.forbesimg.com/davidthier/files/2013/03/Oculus_300dpi_01a.png
![Page 16: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/16.jpg)
RESPONSIVE DESIGN IS NOT ENOUGH
CONTEXTUAL
RESPONSIVE
![Page 17: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/17.jpg)
RISE OF THE DESKTOP
4K – 8K – Multimonitor – Surface Hub
![Page 18: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/18.jpg)
A TYPICAL DESKTOP?
THE OFFICE
![Page 19: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/19.jpg)
DIFFERENT PERSONAS AT THE SAME TIME
ON ONE DEVICE
COLLABORATION
Reference: http://news.microsoft.com/?attachment_id=169413
![Page 20: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/20.jpg)
THE DESKTOP IS STILL ALIVE
• Line of business
• Insights from smartphone era
• New use cases
• Known use cases
![Page 21: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/21.jpg)
UNIVERSAL WINDOWS PLATFORM
UWP Apps aka. Universal Apps
![Page 22: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/22.jpg)
A UWP APP
• Windows Runtime
• One project, one binary
• Extension SDKs • Stubs for all devices
• Compile against Windows versions
![Page 23: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/23.jpg)
„EFFECTIVE PIXELS“
• Device independent, abstract pixel information
s𝑐𝑎𝑙𝑒 𝑓𝑎𝑐𝑡𝑜𝑟=100% ∗(𝑝𝑖𝑥𝑒𝑙 𝑑𝑒𝑛𝑠𝑖𝑡𝑦/96 𝑃𝑃𝐼 )∗( 𝑣𝑖𝑒𝑤 𝑑𝑖𝑠𝑡𝑎𝑛𝑐𝑒/28" )
𝑒𝑓𝑓𝑒𝑐𝑡𝑖𝑣𝑒 𝑟𝑒𝑠𝑜𝑙𝑢𝑡𝑖𝑜𝑛↓𝑥,𝑦 = 𝑟𝑒𝑠𝑜𝑙𝑢𝑡𝑖𝑜𝑛↓𝑥,𝑦 /𝑠𝑐𝑎𝑙𝑒 𝑓𝑎𝑐𝑡𝑜𝑟
Reference: Prerecorded talk of Steve Wright (Build conference 2015)
![Page 24: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/24.jpg)
LIVE DEMO
Features of Windows 10, UWP, and Visual Studio 2015
![Page 25: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/25.jpg)
ADAPTIVE UI FEATURES
• 9 slice scaling properties
• MRT and asset packs
• Design guidelines • dev.windows.com/design • 4x4 pixel grid
![Page 26: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/26.jpg)
ADAPTIVE UI FEATURES
• RelativePanel
• Adaptive views (VisualStateManager) • Setters • Triggers (AdaptiveTrigger, custom triggers)
• View replacements
• Extension SDKs
![Page 27: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/27.jpg)
• The desktop is still alive
• Creativity! • UX Design! • Developers! • APIs!
Even the desktop can be tailored
WRAP UP
![Page 28: NEXT GENERATION DESKTOP UIS FOR WINDOWS 10€¦ · UNIVERSAL WINDOWS PLATFORM UWP Apps aka. Universal Apps . A UWP APP • Windows Runtime • One project, one binary • Extension](https://reader036.vdocuments.site/reader036/viewer/2022070110/60485a864a048514f11362c9/html5/thumbnails/28.jpg)
Q & A