Building Multi-Touch Experiences
Download as PPTX, PDF2 likes1,525 views
The document discusses the development of multi-touch applications, highlighting the capabilities of hardware and software such as Windows 7 and the .NET framework. It outlines various scenarios for touch interaction, user experience guidelines, and tiers of multi-touch integration for applications. Key features include support for gestures, optimized UI for touch, and the importance of creating intuitive and natural interactions.
Building Multi-Touch Experiences
- 1. Building Touch ApplicationsMartha Rottermartharo@microsoft.comMicrosoft Irelandhttp://twitter.com/martharotter
- 2. Multi-Touch Is Here!HardwareMulti-touch capable machines on the market today; multi-touch appears in a broad set of form factorsSoftwareWindows 7, .NET Framework 4.0, SilverlightConsumersNew scenarios, next wave of user experience, high “WOW” factor
- 3. PaintDemoUsing OS multi-touch capability
- 4. AgendaMulti-touch overviewTouch scenarios, “Good, Better, Best” modelPlatform detailsUX guidelines for touch applicationsSummary
- 5. Control PanelPen and Touch
- 6. Touch Scenarios on a Desktop / LaptopDeveloper Platform: At the root is the touch developer platform that exposes touch APIs for any application UI Enhancements: Focusing on the core scenarios, many parts of the core UI have been optimized for touch experiences Gestures: Multi-touch gestures have been added to enable consistent panning and zooming in most applications.Applications: A set of multi-touch focused applications that demonstrate the power of touch will ship separately from Windows 7There are several key scenarios for multi-touchNavigating and consuming the WebReading and sorting emailViewing photosPlaying casual gamesConsuming music and videoNavigating files and arranging windowsUsing Microsoft Office applicationsAll focused on consumption
- 7. GamesDemoUsing OS - level multi-touch capability for entertainment
- 8. Large Scale Interactive Touch ExperiencesThere are several key scenarios for multi-touchLearning ApplicationsEngaging multiple people togetherDisplaying informationPlaying casual gamesConsuming music and videoAll focused on interaction
- 9. PhotosDemoUsing Surface style interaction to showcase videos and photos
- 10. Multi-Touch Development TiersGood – Better – BestDesktop application can target one of three levels of touch integrationGood: No specific touch APIs are used but the application UI is appropriately sized and works well with the built-in gesturesBetter: The gesture APIs are supported to give smooth natural interactionsBest: Deep touch-focused experiences designed to take advantage of multi-touch features
- 11. Predefined GesturesTranslatePlace two fingers in the application window and drag in the direction you wantSFP – Single Finger Panning
- 13. Specify GC_PAN_WITH_SINGLE_FINGER_VERTICALLY and/or GC_PAN_WITH_SINGLE_FINGER_HORIZONTALLYZoom and RotateRotateTouch the image with two fingers and turn fingers in a circleZoomTouch the image with two fingers and move them closer or further apart
- 14. Two Finger Tap and Finger RollTwo Finger TapTap once with both fingersFinger RollPlace one finger on the screen, place second finger on the screen, lift the second finger, and then lift the first finger
- 15. Multi-Touch in .NET FrameworkFor WPFInterop sample library for .NET Framework 3.5Multi-touch, gesture, Inertia, Manipulation.NET Framework 4.0 releaseMulti-touch specific new controlsFor WinForms (Windows 7 launch)Interoperability to native Win32 APIs – TouchWrapper
- 16. Multi-Touch in WPFUIElement and UIElement3D changesGesture events (tracking)Touch system gesture events (single)Raw touch eventsMulti-touch support in controlsScrollViewer update to accept pan gesturesBase controls updated to be multi-touch awareMulti-capture supportNew multi-touch specific controlsCompatible with Surface SDK 2.0
- 17. User Experience ConsiderationsGeneral guidelinesBig targetsWhitespaceAvoid hoverSee UX guidelinesBe aware of hardwareForm factorAvoid on-hover UIEdges, jitter, etc.Gesture guidelinesUse common gesturesGestures need to be intuitive and naturalMoving away from shortcut style gestures to manipulations
- 18. Call To ActionDecide which application scenarios make sense for touchDecide which tier of investment is appropriateCheck your current applicationsAddGestureOr manipulationOr inertiaBuild something amazing!