Touch and Gesture Computing, What You Haven't Heard

82
11/01/2022 1 Joe Fletcher MIX09, Las Vegas Untold Stories of Touch, Gesture, & NUI Joe Fletcher Design Manager, Microsoft Surface

description

Learn about new patterns, behaviors, and design approaches for touch and gesture interfaces from a practitioners point of view. Learn early lessons from applied knowledge of touch applications, devices, and design methods.

Transcript of Touch and Gesture Computing, What You Haven't Heard

Page 1: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 1Joe Fletcher MIX09, Las Vegas

Untold Stories of Touch, Gesture, & NUIJoe FletcherDesign Manager, Microsoft Surface

Page 2: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 2Joe Fletcher MIX09, Las Vegas

Page 3: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 3Joe Fletcher MIX09, Las Vegas

Touch is not good

for everythingIt is not an end all solution

Touch is a computing evolution

It is an addition element for users to interact with their

content in new and unique ways

Touch is great for specific aspects

New technology has enabled touch systems, which can enhance certain activities

Page 5: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 5Joe Fletcher MIX09, Las Vegas

Microsoft Surface

Microsoft Surface is a revolutionary computer that responds to natural hand gestures and real-world objects, creating unique new ways for people to collaboratively interact with digital content.

Page 6: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 6Joe Fletcher MIX09, Las Vegas

Microsoft Surface

Page 7: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 7Joe Fletcher MIX09, Las Vegas

Page 8: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 8Joe Fletcher MIX09, Las Vegas

Vision DesignStrategy

Page 9: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 9Joe Fletcher MIX09, Las Vegas

Surface Massive Multi-touch, Multi-user

Windows 7

PC’s, Form Factors, Technology

Unique Spot

Page 10: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 10Joe Fletcher MIX09, Las Vegas

Larger Surface Team

Page 11: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 11Joe Fletcher MIX09, Las Vegas

Touch is not good for

everything

Touch is an evolution

Touch is great for specific

aspects

Page 12: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 12Joe Fletcher MIX09, Las Vegas

TouchThe act of directly touching your digital content

GestureHand motions to take an action

ManipulationAlteration or freeform movement of digital content using touch

Natural User InterfaceThe combination of these and other elements the create a unique way to interact with your digital content

Page 13: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 13Joe Fletcher MIX09, Las Vegas

History and Ecology

Surface Design

Principles

Touch Challenges

Page 14: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 14Joe Fletcher MIX09, Las Vegas

History and Ecology Surface Design Principles

Touch Challenges

Page 15: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 15Joe Fletcher MIX09, Las Vegas

Why Evolve?

Page 16: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 16Joe Fletcher MIX09, Las Vegas

Command Line Interface (CLI)

Page 17: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 17Joe Fletcher MIX09, Las Vegas

Graphic User Interface (GUI)

Page 18: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 18Joe Fletcher MIX09, Las Vegas

Natural User Interface (NUI)

Page 19: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 19Joe Fletcher MIX09, Las Vegas

Natural User Interface (NUI)

Page 20: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 20Joe Fletcher MIX09, Las Vegas

Natural User Interface (NUI)

Page 21: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 21Joe Fletcher MIX09, Las Vegas

Microsoft Surface and NUI

Microsoft Surface computing uses sensing and display technology to infuse

everyday surfaces with digital content and is comprised of the following

unique attributes:

Object recognitionDirect interaction Multi-touch Multi-user

Page 22: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 22Joe Fletcher MIX09, Las Vegas

NUI vs.

Web 2.0

Page 23: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 23Joe Fletcher MIX09, Las Vegas

NUI & Touch should not be a novelty

Page 24: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 24Joe Fletcher MIX09, Las Vegas

Page 25: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 25Joe Fletcher MIX09, Las Vegas

Input Ecology

Keyboard

Good forAccuracy

ConLimited

Mouse

Good forMoving across the screen efficiently

ConIndirect

Stylus

Good forFreeform input

ConLow accuracyNeed large controls

Single point

Good forDirect object selection

ConNot for quick inputLow accuracyNeed of large controlsMis-hits from fingernails of perceived hit area

Multi point

Good forManipulating objectsSocial

ConNot for inputLow accuracyNeed large controlsSupport of hands and screen

Page 26: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 26Joe Fletcher MIX09, Las Vegas

[Partial] Touch Ecology

Multi point (screen)

Reacts to direct input

Multi Touch(screen)

Reacts to multiple inputs

Orients UI to the direction of the touch

Spatial recognition of system

NUI(Gesture & Physical/Digital)

Reacts to multiple inputs

Spatial Recognition - Orients UI to the direction of the touch

Object recognition - Blurring physical and digital

Page 27: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 27Joe Fletcher MIX09, Las Vegas

Tap is not the new click

Page 28: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 28Joe Fletcher MIX09, Las Vegas

Context, task, and use define the solution

Page 29: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 29Joe Fletcher MIX09, Las Vegas

Context, task, and use define the solution

Touch is not a solution in search of a problem

Page 30: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 30Joe Fletcher MIX09, Las Vegas

Touch is not good for

everything

Touch is an evolution

Touch is great for specific

aspects

Page 31: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 31Joe Fletcher MIX09, Las Vegas

History and Ecology

Surface Design Principles

Touch Challenges

Page 32: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 32Joe Fletcher MIX09, Las Vegas

Create an inflection point

Page 33: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 33Joe Fletcher MIX09, Las Vegas

The start of almost every successful technological innovation is marked by an inflection point, which defines a moment of dramatic change.

Page 34: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 34Joe Fletcher MIX09, Las Vegas

Companies spend 90% of their energy trying to imitate

Page 35: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 35Joe Fletcher MIX09, Las Vegas

Microsoft Surface and principle driven design

Principle Driven Design

Page 36: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 36Joe Fletcher MIX09, Las Vegas

Microsoft Surface and principle driven design

Using history to develop the future

Principle Driven Design

Page 37: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 37Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

C L I G U I N U I

Page 38: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 38Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

Recall Recognition Intuition

C L I G U I N U I

Page 39: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 39Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

Recall Recognition Intuition

Directed Exploratory Contextual

C L I G U I N U I

Page 40: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 40Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

Recall Recognition Intuition

Directed Exploratory Contextual

High-Low Double Medium Fast Few

C L I G U I N U I

Page 41: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 41Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

Recall Recognition Intuition

Directed Exploratory Contextual

High-Low Double Medium Fast Few

Disconnected Indirect Unmediated

C L I G U I N U I

Page 42: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 42Joe Fletcher MIX09, Las Vegas

Text Graphics Objects

Recall Recognition Intuition

Directed Exploratory Contextual

High-Low Double Medium Fast Few

Disconnected Indirect Unmediated

Static Responsive Evocative

C L I G U I N U I

Page 43: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 43Joe Fletcher MIX09, Las Vegas

Intuition

Contextual

Fast Few

Unmediated

Evocative

N U I

Principle of the Super Real

Principle of Contextual Environments

Principle of Scaffolding

Principle of Direct Manipulation

Principle of Performance Aesthetics

Page 44: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 44Joe Fletcher MIX09, Las Vegas

Microsoft Surface and principle driven design

Principle Driven Design

Page 45: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 45Joe Fletcher MIX09, Las Vegas

Microsoft Surface and principle driven design

Three Super Principles

Page 46: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 46Joe Fletcher MIX09, Las Vegas

Social Multiple simultaneous users

Page 47: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 47Joe Fletcher MIX09, Las Vegas

Page 48: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 48Joe Fletcher MIX09, Las Vegas

Social Multiple simultaneous users

Seamless Digital and Physical combined

Page 49: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 49Joe Fletcher MIX09, Las Vegas

Seamless

Page 50: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 50Joe Fletcher MIX09, Las Vegas

Social Multiple simultaneous users

Seamless Digital and Physical combined

Spatial Kinesiology

Page 51: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 51Joe Fletcher MIX09, Las Vegas

Page 52: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 52Joe Fletcher MIX09, Las Vegas

Overcome Homeostasis

Page 53: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 53Joe Fletcher MIX09, Las Vegas

Touch is not good for

everything

Touch is an evolution

Touch is great for specific

aspects

Page 54: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 54Joe Fletcher MIX09, Las Vegas

History and Ecology

Surface Design Principles Touch Challenges

Page 55: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 55Joe Fletcher MIX09, Las Vegas

Let’s become practitioners

Page 56: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 56Joe Fletcher MIX09, Las Vegas

PC’s, Form Factors, Technology

Unique Spot

Page 57: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 57Joe Fletcher MIX09, Las Vegas

Challenge Form Factor & Technology

Page 58: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 58Joe Fletcher MIX09, Las Vegas

Touch Hardware Ecology

Page 59: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 59Joe Fletcher MIX09, Las Vegas

Touch Hardware Ecology

Capacitive Capacitive Infrared Vision system Stylus

Page 60: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 60Joe Fletcher MIX09, Las Vegas

Touch Hardware Ecology

CapacitiveN-Trig (2-10)

CapacitiveN-trig (2-10)

InfraredHP (2)

Vision systemSurface (52)

StylusWacom (1)

Page 61: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 61Joe Fletcher MIX09, Las Vegas

Challenge Patterns

Page 62: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 62Joe Fletcher MIX09, Las Vegas

FireFoxSwipe Left: Go back in history

Swipe Up: Go to the top of the page

Page 63: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 63Joe Fletcher MIX09, Las Vegas

Apple iPhoneSwipe Left: Go Forward in History

Swipe up: Go to the bottom of a page

Page 64: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 64Joe Fletcher MIX09, Las Vegas

Challenge Orientation

Page 65: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 65Joe Fletcher MIX09, Las Vegas

Horizontal Vertical

Page 66: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 66Joe Fletcher MIX09, Las Vegas

Challenge Cardio Effect

Page 67: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 67Joe Fletcher MIX09, Las Vegas

Challenge Paradigms

Page 68: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 68Joe Fletcher MIX09, Las Vegas

To button or

not to button

Page 69: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 69Joe Fletcher MIX09, Las Vegas

Challenge Getting people to touch

Page 70: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 70Joe Fletcher MIX09, Las Vegas

Exploration Instruct

Page 71: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 71Joe Fletcher MIX09, Las Vegas

Challenge Visualizing Touch

Page 72: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 72Joe Fletcher MIX09, Las Vegas

Is it working?

Page 73: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 73Joe Fletcher MIX09, Las Vegas

Future Where do we go?

Page 74: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 74Joe Fletcher MIX09, Las Vegas

Your effort to remain what you are is what limits youGhost in the Shell

Page 75: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 75Joe Fletcher MIX09, Las Vegas

Debating the future of touch is useless

Page 76: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 76Joe Fletcher MIX09, Las Vegas

Creating the future is more interesting

Page 77: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 77Joe Fletcher MIX09, Las Vegas

Touch is not good for

everything

Touch is an evolution

Touch is great for specific

aspects

Page 78: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 78Joe Fletcher MIX09, Las Vegas

Take advantage of Microsoft Surface

• Available from the Surface Community siteDownload SDK Workstation Edition

• Learn how to build applications from scratch on Surface by viewing videos on Surface.comDevelop for Surface

• Interested in purchasing a Surface? Email to [email protected] a Surface

Page 79: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 79Joe Fletcher MIX09, Las Vegas

Future Vision

2019

Page 80: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 80Joe Fletcher MIX09, Las Vegas

Page 81: Touch and Gesture Computing, What You Haven't Heard

04/08/2023 81Joe Fletcher MIX09, Las Vegas

Las Vegas, Thank you!Joe Fletcher

[email protected]

Design Manager, Microsoft Surface

Page 82: Touch and Gesture Computing, What You Haven't Heard

Please Complete an Evaluation FormYour feedback is important!

Evaluation forms can be found on each chairTemp Staff at the back of the room have additional evaluation form copies