píndola productiva: natural user interface

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

Upload: micproductivity

Post on 24-Jun-2015

509 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: Píndola Productiva: Natural User Interface

Natural User InterfacePíndola de Productivitat

Granollers, 8 d’abril del 2010

Page 2: Píndola Productiva: Natural User Interface

Abans de començar…

Page 3: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

CIP

Page 5: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Natural User Interface

Page 8: Píndola Productiva: Natural User Interface

VideoMicrosoft Future Vision

Productivity Vision

Page 9: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

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

Page 11: Píndola Productiva: Natural User Interface

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

Page 12: Píndola Productiva: Natural User Interface

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

Page 13: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Evolució

CARÀCTERS

GUI

NATURAL USER INTERFACE

Aprenentatge tècnic

Aprenentatge intuitiu

Aprenentatge natural

Page 16: Píndola Productiva: Natural User Interface
Page 17: Píndola Productiva: Natural User Interface
Page 18: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Música

Records

Televisió

Jocs

Educació

Productivitat

Comunicacions

PC

Mobilitat

TV/HiFi

El nou estil de vida digital

Page 21: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Alguns exemples

Page 26: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Silverlight

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

Page 28: Píndola Productiva: Natural User Interface

Microsoft Surface(Video “Microsoft Surface Power”)

Page 29: Píndola Productiva: Natural User Interface

Windows 7

Page 30: Píndola Productiva: Natural User Interface

Windows Phone 7

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

Page 31: Píndola Productiva: Natural User Interface

Project Natal

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

Page 32: Píndola Productiva: 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: Píndola Productiva: 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: Píndola Productiva: Natural User Interface

Moltes gràcies!

[email protected]