natural user interface

34
Natural User Interface Píndola de Productivitat Granollers, 8 d’abril del 2010

Upload: josep-vilalta

Post on 12-Jan-2015

1.707 views

Category:

Technology


2 download

DESCRIPTION

Presentació sobre "Natural User Interface" al Centre Tecnològic i Universitari de Granollers, el 8 d'abril del 2010

TRANSCRIPT

Page 1: Natural User Interface

Natural User InterfacePíndola de Productivitat

Granollers, 8 d’abril del 2010

Page 2: Natural User Interface

Abans de començar…

Page 3: Natural User Interface

Josep [email protected]

Business Productivity Advisoral Centre d’Innovació en Productivitat.

• Anteriorment ha treballat en multinacionals com Grifols (farmacèutica), Cirsa Business Corporation (joc i oci) o Deutsche Bank España (banca) com a Responsable de Projectes d’Internet als departaments de Comunicació, Imatge i Màrqueting Corporatiu.

• Va iniciar la seva carrera professional a Internet al 1996 a Grupo Intercom, com a Dissenyador Web i Director d’Art. Allà va participar en el naixement de projectes com Infojobs, Softonic o Solostocks.

• Llicenciat en Belles Arts, especialitat d’Imatge (UB).• Màster en Projectes Digitals de Comunicació (URL).

About

Page 4: Natural User Interface

CIP

Page 5: Natural User Interface

Objectius del CIP

Ajudar a millorar la productivitat de les

empreses millorant la productivitat de les

persones que les integren

Page 7: Natural User Interface

Natural User Interface

Page 8: Natural User Interface

VideoMicrosoft Future Vision

Productivity Vision

Page 9: Natural User Interface

“Interface”

“L’interfície d’usuari és el mitjà amb el que l’usuari pot comunicar-se amb una màquina, un equip o un ordinador, i comprèn tots els punts de contacte entre l’usuari i l’equip, normalment solen ser fàcils d’entendre i fàcils d’accionar”.Wikipedia

Page 10: Natural User Interface

Crèdit foto: http://www.flickr.com/photos/jcm_paris/311424938/

Page 11: Natural User Interface

Crèdit foto: http://www.flickr.com/photos/wonderlane/4333755459/

Page 12: Natural User Interface

Crèdit foto: http://www.flickr.com/photos/pionero/440149786/

Page 13: Natural User Interface

De què tracta?

1. De persones i la seva relació amb els ordinadors

2. De persones i la seva relació amb d’altres persones

3. De les tecnologies com a eina de treball

RelacionsComunicacióProductivitat

Page 14: Natural User Interface

De què tracta?

... I també de nous perfils professionals...

• Information Architects• User Interface Designers (UI)• User Experience Designers (UX)• User Centered Designers• Multimedia Experience Designers• Interaction Designers• Human Computer Interaction• Usability Designers• Accessibility Designers

Page 15: Natural User Interface

Evolució

CARÀCTERS

GUI

NATURAL USER INTERFACE

Aprenentatge tècnic

Aprenentatge intuitiu

Aprenentatge natural

Page 16: Natural User Interface
Page 17: Natural User Interface
Page 18: Natural User Interface

Nivell especialistacientífic

Usuari avançatProfessional

Ús professional

Ús Particular Ús Social i Oci

Fins els anys 70 Anys 80 Anys 90 Anys 00

Ús Social empresa

Anys 10

Ordinador personal (PC)

Ordinadors mainframe

Xarxes socialsonline

Administracióonline

Banca online

Ofimàtica personal

Ofimàtica

Mobilitat

Videojocs Videojocsonline

Sistemesindustrials

Connectivitat

Diaris online

Oci digital

Internet

ComunicacionsUnificades

Telefonia mòbil

Disseny gràfic Intel·ligènciade Negoci

DigitalitzacióE-commerce

Online Marketing

Comunicacionsonline

Seguretat

Ús científic

Grans sistemesaïllats

Ús militar

Comparatives i compres

Cerca i geolocalització

Page 19: Natural User Interface

PERSONAL / PRIVATEentertainment

& communications

HOMEinformation

& transactionEDUCATION

& e-LEARNINGPROFESSIONAL

& BUSINESS

PRODUCTIVE

INTERACTIVE

SHARED

PERSONAL/ INDIVIDUAL

[type uf use]

[use environment]

Mouse, keyboard & othes input devices

Access control systems

Security Systems

Telepresence solutions (RoundTable)Digital Board

Surface

Tablet PC

Mobile phoneMobile / Smartphone / PDA

Audio / Video player

Card / Chip / Code readers:Magnetic, eDNI, Bidi codes,

RFID tags

Digital photography

Portable & home video games (+online connection)Biometric sensors, cameras

and scanners

Interactive Shop window

Interactive Shop window

PC – laptop or workstation

Touchscreens

TV / Interactive TV / TDT / Media Centers

Voice devices: instructionsand voice recognition

Voice devices: instructionsand voice recognition

Instant Messaging Unified Communications

Multi Screens

ÀMBIT D’ÚS

Industrial machinery interface

Netbooks

Page 20: Natural User Interface

Música

Records

Televisió

Jocs

Educació

Productivitat

Comunicacions

PC

Mobilitat

TV/HiFi

El nou estil de vida digital

Page 21: Natural User Interface

Interfície Natural

Síntesis de veu Reconeixement de veu

Reconeixement d’escriptura

Touch

Reconeixement moviment

Reconeixement visual

Gràfics avançats

Page 22: Natural User Interface

Característiques del NUI

• Gràfic- Es basa en una aparença gràfica rica i avançada

• Intuïtiu- L’aprenentatge és senzill i ràpid

• Experiencial- Converteix interaccions conegudes en experiències noves

• Físic i “objectual”- Reprodueix o imita experiències físiques, com ara inèrcia, acceleració i desceleració, gravetat, efectes espacials d’àudio...- Pot fer intervenir objectes o el propi cos per interactuar

• Sensorial- Fa intervenir directament els sentits a la interacció: vista, tacte, oïda

Page 23: Natural User Interface

Característiques del NUI

• Reclama una atenció especial a:• L’aspecte gràfic• La navegació o l’ús de l’aplicació o dispositiu• La presentació de la informació• La interacció amb la informació

• Requereix intervenció de nous perfils professionals• Creatius • Fort component de disseny gràfic• Usabilitat• Arquitectura de la informació• Disseny de la experiència• Testejat d’usuaris

Page 24: Natural User Interface

Amb quines tecnologíes?• Tecnologíes ja conegudes:

• Silverlight (i Silverlight for Windows Phone 7) http://www.silverlight.net/

• Windows Presentation Foundation http://msdn.microsoft.com/es-es/library/ms754130.aspx

• Windows 7 http://msdn.microsoft.com/en-us/windows/default.aspx

• Surface SDK http://www.microsoft.com/surface/en/us/default.aspx

• Speech Recognition i Speech Synthesis (Text-to-Speech)http://msdn.microsoft.com/es-es/speech/default(en-us).aspx

• XNAhttp://msdn.microsoft.com/en-us/aa937791.aspx

Page 25: Natural User Interface

Alguns exemples

Page 26: Natural User Interface

Tablet PC

Accés a la informació (Wi-Fi)

Captura d’informació amb càmera

Presa de notes digital: manuscrits, anotacions, notes de veu, dibuixos

Reducció d’ús de paper

Introducció de dades manuscrita

Reconeixement d’escriptura (manuscrit convertit a text)

Cerca en texts manuscrits

Lleugeresa i fàcil ús com a “llibreta”

Page 27: Natural User Interface

Silverlight

http://www.silverlight.net/showcase/

Page 28: Natural User Interface

Microsoft Surface(Video “Microsoft Surface Power”)

Page 29: Natural User Interface

Windows 7

Page 30: Natural User Interface

Windows Phone 7

http://www.youtube.com/watch?v=7IOTrqlz4jo

Page 31: Natural User Interface

Project Natal

http://www.youtube.com/watch?v=u2qVwshjaf4

Page 32: Natural User Interface

Futur… o no…

http://link.brightcove.com/services/player/bcpid3924348001?bctid=48751387001

Microsoft Research: Touch-free computing Microsoft Research: Muscular Computer Interface

http://www.youtube.com/watch?v=6_7BzUED39A

Microsoft OfficeLabs: TouchWall

http://www.officelabs.com/projects/touchwall/Pages/default.aspx http://research.microsoft.com/en-us/um/redmond/groups/cue/video/SkinputCHI2010.wmv/

Microsoft Research: Skinput

Page 33: Natural User Interface

Com començar?• Ara mateix, gratis!*

• Estudiants

• Startups de software

• Dissenyadors i desenvolupadorsweb professionals

(* Consultar les condicions que apliquen a cadascú dels programes)

Page 34: Natural User Interface

Moltes gràcies!

[email protected]