Download - Natural User Interface
![Page 1: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/1.jpg)
Natural User InterfacePíndola de Productivitat
Granollers, 8 d’abril del 2010
![Page 2: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/2.jpg)
Abans de començar…
![Page 3: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/4.jpg)
CIP
![Page 5: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/5.jpg)
Objectius del CIP
Ajudar a millorar la productivitat de les
empreses millorant la productivitat de les
persones que les integren
![Page 6: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/6.jpg)
Partners
Socis Tecnològics
Socis d’Innovació
Partners Estratègics
Universitats / Escoles de negoci
Partners
![Page 7: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/7.jpg)
Natural User Interface
![Page 8: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/8.jpg)
VideoMicrosoft Future Vision
Productivity Vision
![Page 9: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/9.jpg)
“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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/10.jpg)
Crèdit foto: http://www.flickr.com/photos/jcm_paris/311424938/
![Page 11: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/11.jpg)
Crèdit foto: http://www.flickr.com/photos/wonderlane/4333755459/
![Page 12: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/12.jpg)
Crèdit foto: http://www.flickr.com/photos/pionero/440149786/
![Page 13: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/15.jpg)
Evolució
CARÀCTERS
GUI
NATURAL USER INTERFACE
Aprenentatge tècnic
Aprenentatge intuitiu
Aprenentatge natural
![Page 16: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/16.jpg)
![Page 17: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/17.jpg)
![Page 18: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/20.jpg)
Música
Records
Televisió
Jocs
Educació
Productivitat
Comunicacions
PC
Mobilitat
TV/HiFi
El nou estil de vida digital
![Page 21: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/25.jpg)
Alguns exemples
![Page 26: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/26.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/27.jpg)
Silverlight
http://www.silverlight.net/showcase/
![Page 28: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/28.jpg)
Microsoft Surface(Video “Microsoft Surface Power”)
![Page 29: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/29.jpg)
Windows 7
![Page 30: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/30.jpg)
Windows Phone 7
http://www.youtube.com/watch?v=7IOTrqlz4jo
![Page 31: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/31.jpg)
Project Natal
http://www.youtube.com/watch?v=u2qVwshjaf4
![Page 32: Natural User Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/32.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061216/54b3467f4a79594e7d8b45d5/html5/thumbnails/33.jpg)
Com començar?• Ara mateix, gratis!*
• Estudiants
• Startups de software
• Dissenyadors i desenvolupadorsweb professionals
(* Consultar les condicions que apliquen a cadascú dels programes)