vui01: using natural user interface (nui) technologies to improve user experience

50
VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience Tim Huckaby Founder / Chairman, InterKnowlogy Founder / CEO, Actus Software Microsoft RD & MVP

Upload: eris

Post on 25-Feb-2016

20 views

Category:

Documents


1 download

DESCRIPTION

VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience. Tim Huckaby Founder / Chairman, InterKnowlogy Founder / CEO, Actus Software Microsoft RD & MVP. About Tim…. InterKnowlogy ( www.InterKnowlogy.com ) Tim Huckaby, Founder/Chairman ( [email protected] ) - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

VUI01: Using Natural User Interface (NUI) Technologies to

Improve User Experience

Tim HuckabyFounder / Chairman, InterKnowlogyFounder / CEO, Actus SoftwareMicrosoft RD & MVP

Page 2: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

About Tim…InterKnowlogy (www.InterKnowlogy.com)• Tim Huckaby, Founder/Chairman ([email protected])

● Custom Application Development / Consulting / Software & Systems Engineering Firm headquartered in Carlsbad, CA

● Design, Architect, Build and Deploy Enterprise Class Applications ● Industry Experts:

•Most of the employees are published, MVPs, RD, Speakers, etc.•Microsoft .NET Application development since 2000•Microsoft .NET Rich Client Pioneers / Industry Leaders•Microsoft Touch Application Development Leaders (Surface / Windows 7 / Silverlight 3)•Information Worker Solutions (VSTO & SharePoint)•Integration / Messaging, B2B / B2C, Wireless / Mobility •Leading Edge: Surface, WPF, Silverlight, Win7 touch, SharePoint, VSTO•Cutting Edge Solutions on emerging Microsoft technologies•Largest Client: Microsoft

Actus Software (www.Actus-Software.com)• Tim Huckaby, Founder/CEO ([email protected])

•Software Product Company, Coming soon…

Page 3: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

A little bit about me and why I am here…

Page 4: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Touch Capable Computing: Using Natural User Interface (NUI) Technologies Improve The User Experience

Multi-Touch Software built in Microsoft .NET: WPF, Surface, Silverlight, & the phone…

Hardware & Software Platforms for Touch Computing

Multi-Touch enabled applications used to improve the communication, education and user experience across the software continuum. 

Presentation Agenda

Demos, Demos, Demos

Page 5: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

About the Computer I am Using Today…

• Acer Aspire 1420P• Give away “free” to all attendees at the

PDC• One year old…• Price in October-2009: $420• Price in November-2009: $350

Page 6: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP VIDEO

Page 7: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Multi-Touch ScatterView Photos Application

• Tim Huckaby• Founder, InterKnowlogy & Actus Software• Microsoft RD & MVP

DEMO

Page 8: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

The InterKnowlogy “Firebrick” Silverlight Multi-Touch ScatterView Control

• What is it? ● It’s a Silverlight Control for Intuitive & Comprehensive Multi-Touch Object Manipulation for your Web

Applications.

• Download Site: http://firebrick.interknowlogy.com/• Example Problem(s) it solves:

● Silverlight’s Touch API • Is rudimentary at best. Basically the API gives you “I know something has been touched; but, I don’t know what or where.”• Is difficult; takes a ton of programming to implement at any significant level

● The Silverlight Multi-Touch ScatterView Control• Makes building a Multi-Touch capable application “Brain-dead simple” in a matter of minutes• Contains all the “heavy lifting”: thousands of lines of calculus and trigonometry• Contains a sample application and detailed “How-to” documentation

• Installation Notes: ● Free Developer and Low Cost ($99) production versions available

• Usage Notes: Multi-Touch is supported in SL3 and above and currently only on Windows 7

Page 9: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Touch Capable Computing Devices are Not New

Past Future (Now)

Present

1972: PLATO IV Touch Screen Terminal

The Microsoft Surface

Windows 7 Multi-touch

Page 10: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

What is Relatively New is: Inexpensive Touch Capable, Non

Proprietary Hardware A Multi-Touch Capable Windows OS A Consistent Multi-Touch API

for .NET across 3 Windows Hardware/Software Platforms

Developer Productivity in Touch Capable Apps

The Forecast of Touch Capability in Every New Computing Device in the Short Term

Page 11: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

Surface WPF 3D:The Scripps Research InstituteVitruView

VIDEO

Page 12: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

History of Surface

2003The first prototype is presented to Bill Gates

2004A dedicated group is formed,

and more than 85 prototypes are developed

2007Microsoft Surface is unveiled to the world 

2001The concept of an interactive table is born

2005The look and feel of Surface is finalized

2011?

Page 13: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Single Touch vs. Multi-Touch• You get single touch “for free” in Windows 7

● Almost everywhere in Windows 7, a touch = a mouse click

• Multi-Touch is the capability to recognize 2 or more fingers on the screen at once.● The iPhone made the “pinch gesture” a cultural

norm in usability● Vernacular on hardware capability: “4 touches”

Page 14: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

TOUCHHARDWARE IMPLEMENTATIONS

CapacitiveInfraredResistive

Page 15: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Sample Hardware

CapacitiveHP Touchsmart tx2N-trig (2-10)

InfraredHP Touchsmart IQ816NewWindow(2)

CapacitiveDell LatitudeXT2N-Trig (2-10)

Page 16: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

How to touch Resistive Think Push Down and drag

Page 17: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

How to touch

Capacitive Think Electric Impulse

Page 18: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Common hardware implementations

• Capacitive

● iPhone / iTouch – Capacitive multi-touch cell phone / PDA

● HP TouchSmart TX2 – Dual touch capacitive laptop screen.

● Dell Latitude XT – Multi-Touch tablet using N-Trig capacitive technology

● MacBook Pro – Capacitive Multi-Touch pad with traditional click

● N-Trig – Capacitive monitor overlay vendor (Windows 7 Drivers)

Page 19: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

How to touch

Infrared Think laser pointer(s)

Page 20: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Common hardware implementations• Infrared

● Surface – Infrared diffused illumination multi-touch “table” device

● Perceptive Pixel – Frustrated total internal reflection multi-touch panels

● HP TouchSmart – Infrared dual touch bezel all in one computer

● NextWindow – Infrared Multi-Touch bezel vendor (Windows 7 Drivers)

Page 21: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

NUI GESTURES• Tap• Flick/Fling/Scroll• Pinch/Spread• Drag

Page 22: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

Surface Craps

VIDEO

Page 23: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

SOFTWARE IMPLEMENTATIONS(ON THE MICROSOFT PLATFORM)

Windows Desktop: WPFSurface: WPFBrowser: SilverlightPhone: The Windows Mobile 7 phone

Page 24: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

NUIMulti-Touch Scenarios

Page 25: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Touch Scenarios and Windows 7Developer Platform At the root is the touch developer

platform that exposes touch APIs for any application

UI Enhancements Focusing on core scenarios, many

parts of the core UI optimized for touch experiences

Gestures Multitouch gestures enable consistent

panning and zooming in most applications

Applications Powerful Multitouch-focused

applications to ship separately from Windows 7

Key Scenarios for Multitouch

Focused on Consumption

Navigating and consuming the Web

Reading and sorting email

Viewing photos Playing casual

games Consuming music

and video Navigating files

and arranging windows

Using Microsoft Office Applications

Page 26: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

VitruView – Badge AuthenticationMicrosoft Surface

Page 27: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

VitruView – 3D manipulationMicrosoft Surface

Page 28: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

VitruView – Adding annotations with the Virtual Keyboard in 3D

Page 29: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Patient ManagementMicrosoft Surface

Page 30: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Bedside Machine ManagementMicrosoft Surface

Page 31: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Hospital ManagementMicrosoft Surface

Page 32: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Molecule ViewerMicrosoft Surface

Page 33: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Silverlight… “WPF Light”

• Interactive experiences for devices, PC, & Mac platforms (and others…)• Strict subset of Windows Presentation Foundation• Lightweight download (4.2mbs)• Programming model uses XAML + Jscript + WPF• Access to WPF tooling• Touch Capability in Version 3.0

Lightweight WPF runtime

<XAML> <Button Width="100px"> OK <Button.Background> LightBlue </Button.Background> </Button></XAML>

WPF-based Tools

Page 34: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Eclipsys Maestro: Hospital Management

Page 35: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Eclipsys Maestro: Hospital Management

Page 36: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

EMN8 & REZN8

CUSTOMER

Page 37: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

demofrom our Marketing VP Madeline Pantalone: “It's okay for you to use application for demonstration as long as you are sure to preface it with the phrase: "This is test data only.  Products you see may have been created for testing purposes only."

Page 38: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

NUI: Games as a Tool for Learning

• Learning made Fun / Entertaining• Proven as a learning tool beyond just

Children• Computer based Games are a significant

part of popular culture• Educational Video Game Curriculums

● MIT, UC Irvine, Minnesota, Mich State, etc.

Page 39: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

NASA: Mars Bound

DEMO

Page 40: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

XBOX Kinect (Natal)

• Motion Based Interface• $149.99• Availability: November 4th • 40 million Xbox 360 owners • RGB camera, three sensors

● (one depth sensor, one motion sensor, and one multi-array microphone) • tracks full-body movement, facial expression, and voice with precision • Navigate the entire Kinect Hub interface on your Xbox 360 without touching a

conventional 360 controller.• While you're watching a movie, you can verbally instruct the Xbox to stop, fast-

forward, rewind, exit out, etc. by calling out easy commands like, "Xbox. Fast-forward." or "Xbox. Pause.“

• Kinect sensor bar scans and monitors 1 million points on the body

Page 41: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• XBOX Kinect (Natal)

Video• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

Page 42: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

The Bad News:• Not many applications at launch• Not really any applications at launch; just games• “little kid games”• No exposed API at launch, plus the

legal restrictions of “hacking it”● No building your own apps● No integration with any of the Microsoft Stack● No vertical solutions● ….for the immediate future

XBOX Kinect (Natal)

Page 43: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Neural Interfaces

Page 44: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Conscious and non-conscious Interfaces

• High fidelity EG acquisition device• No conductive gel, etc.• Non-invasive• Use Case Examples:

• Conscious: mind manipulation of objects• Non-Conscious: Ranking music

• First target market: gaming• $300!!!

Page 45: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Video• Tim Huckaby• Founder / Chairman, InterKnowlogy• Founder / CEO, Actus Software• Microsoft RD & MVP

Page 46: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• C++ Header files and Import Libraries

…which means…

• Wrap the SDK in managed C++ thereby exposing a the API to a C# application

• That is very powerful…

Emotiv SDK

Page 47: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• Multi-Touch Capable● Common gestures of touch

• Gesture Capable● Motion Based Interface● Tracking of full-body movement, facial expression, and voice

with precision

• Neural Capable● Conscious and non-conscience interfaces● Non Invasive

NUIThe Natural User Interface

Page 48: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Summary We are at the Cusp of the NUI computing revolution There are still many “standards” yet to be adopted Multi-Touch computing will become a mainstream

aspect of NUI and consequently of software development

Paradigm Shift from GUI to NUI (Natural User Interface)

Touch capable computing changes the way you design systems and differentiates your applications

Shifting from desktop applications to multi-touch based applications will be a cultural change like the mouse was

There are other components of NUI other than just touch…

Neural & Gesture based interfaces

Page 49: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

Your Feedback is Important

Please fill out a session evaluation form drop it off at the conference registration

desk.

Thank you!

Page 50: VUI01: Using Natural User Interface (NUI) Technologies to Improve User Experience

• More info on InterKnowlogy:● www.InterKnowlogy.com ● Silverlight.InterKnowlogy.com

• More info on Actus Software:● Coming soon….

• About Tim Huckaby…● Founder/Chairman, InterKnowlogy● Founder/CEO, Actus Software● Microsoft® Regional Director – Southern California● Microsoft® .NET Partner Advisory Council Founder /

Member● Microsoft® MVP - .NET ● INETA Speaker – International .NET Users Group

Association● Board Member: Association for Competitive

Technology● Board Member: Dev Connections● Author / Speaker

Tim HuckabyContact me: Tim Huckaby

E-mail: [email protected]:

Office: 760-444-8640Mobile: 619 990 9200

Blog: http://team.interknowlogy.com/blogs/timhuckabyFaceBook:http://www.facebook.com/Tim.Huckaby.CarlsbadLinkedIn:http://www.linkedin.com/in/timhuckaby