SlideShare una empresa de Scribd logo
1 de 61
Descargar para leer sin conexión
WORLD IA DAY 2017
TÉCNICAS INTERACTIVAS PARA
LA NAVEGACIÓN DE MUNDOS
VIRTUALES
1
01
WORLD IA DAY 2016
01
WORLD IA DAY 2016
JUAN
GONZALEZ
@JUAN_ _GONZALEZ
2
WORLD IA DAY 2017
ADSCRIPCIÓN ACTUAL
FACULTAD DE CIENCIAS DE LA COMPUTACIÓN, BUAP
HTTP://LKE.BUAP.MX/ HTTP://BUAP.MX/ HTTP://WWW.DGIE.BUAP.MX/DSAE/
3
1-4
Puebla en México
1-5
Puebla en México
1-6
Puebla en México
1-7
Puebla en México
1-8
Puebla en México
1-9
Puebla en México
1-10
BCHI
• The Belgian Laboratory of Computer-Human Interaction
(BCHI) is conducting research, development, and
consulting services in the domain of user interface
engineering.
Ph.D. Jean Vanderdonckt
is the Head of BCHI.
Research and development in user
interfaces, human-computer
interaction, software aspects of user
interfaces, information systems, and
usability engineering
Juan Manuel Gonzalez Calleros
is a Ph. D. Researcher at BCHI
•3DUIs, Model-Based modeling,
HCI, workflow
1-10
1-11
BCHI in Europe
Louvain la Neuve, Belgium
Page 11
1-12
Juan Gonzalez Calleros
• Member of:
– Interaction-Design
Foundation
– UsiXML consortium
– W3C discussion groups
– Springer HCI-Series
Board
– AIPO
– CONACYT SNI
– SEP Prodep
Page 12
WORLD IA DAY 2017
PH.D. IN HCI
UNIVERSITÉ CATHOLIQUE DE LOUVAIN
13
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
TABLA DE CONTENIDOS
• Motivación
• Técnicas Interactivas Navegación Mundos 3D
• Desarrollo de Técnicas Interactivas Innovadoras
• Caso de Uso
• Conclusiones
Virtual
Reality
Augmented
Reality
III Jornada HCI 15
III Jornada HCI
Windows Vista
16
III Jornada HCI 17
III Jornada HCI 18
III Jornada HCI 19
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
TABLA DE CONTENIDOS
• Motivación
• Técnicas Interactivas Navegación Mundos 3D
• Desarrollo de Técnicas Interactivas Innovadoras
• Caso de Uso
• Conclusiones
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
Virtual Reality continuum of user interfaces
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
TABLA DE CONTENIDOS
• Motivación
• Técnicas Interactivas Navegación Mundos 3D
• Desarrollo de Técnicas Interactivas Innovadoras
• Caso de Uso
• Conclusiones
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
Interaction Design
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
Omni-directional treadmill
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
The Step WIM
01
WORLD IA DAY 2017
• Hapget = 3D widget
+ haptic feedback
1.Hapgets
34
01
WORLD IA DAY 2017
• HAPTIC
BROWSER-
GOOGLE WEB
SITE.
1.Rendering of web site in the
haptic web browser.
35
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
TABLA DE CONTENIDOS
• Motivación
• Técnicas Interactivas Navegación Mundos 3D
• Desarrollo de Técnicas Interactivas Innovadoras
• Caso de Uso
• Conclusiones
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
01
WORLD IA DAY 2017
• Rutas Polygons
3
8
01
WORLD IA DAY 2017
• Modelado
Edificios del Mapa
3
9
1-40
@Juan__Gonzalez
Wizard-of-Oz Metaphor
1-41
@Juan__Gonzalez
‘Wizard-of-Oz’ prototyping
1-42
@Juan__Gonzalez
Example
The user thinks he is really
manipulating the virtual
world
1-43
@Juan__Gonzalez
Example
The expert is manipulating
1-44
@Juan__Gonzalez
Steps
• 1. The user proposes his dialog for system tasks
– Zoom in
– Zoom out
– Rotate left
– Rotate right
– Tilt View Forward
– Tilt View Backward
– Move left
– Move right
– Move Up
– Move Down
1-45
@Juan__Gonzalez
Steps
• 2. Expert record (his memory) movements
– Zoom in
1-46
@Juan__Gonzalez
Steps
• 3. Ask the user to go from one location to another
• 4. Record his movements and observe his attitude
– Are his own movements easy to remember?
• No error
– Execution time?
– Success or Failure in the task ?
– Is he familiar with navigation systems?
– Does he know the city?
– Comments…
1-47
@Juan__Gonzalez
Results
• A “common”
language for 3D
gesture-based
navigation
– More frequently
used
– Easy to implement
– Less conflicts with
the implementation
1-48
@Juan__Gonzalez
1-49
@Juan__Gonzalez
01
WORLD IA DAY 2017
• Evaluación
Evaluación
5
0
III Jornada HCI 51
III Jornada HCI 52
III Jornada HCI 53
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
TABLA DE CONTENIDOS
• Motivación
• Técnicas Interactivas Navegación Mundos 3D
• Desarrollo de Técnicas Interactivas Innovadoras
• Caso de Uso
• Conclusiones
01
WORLD IA DAY 2017
Conclusiones
Hacer mundos virtuales
requiere de un gran esfuerzo
Planear estrategias para
usarlos aún más
5
5
01
WORLD IA DAY 2017
5
6
01
WORLD IA DAY 2017
1.Hapgets
5
7
01
WORLD IA DAY 2017
1.Hapgets
5
8
01
WORLD IA DAY 2017
1.Hapgets
5
9
01
WORLD IA DAY 2017
1.Hapgets
6
0
01
WORLD IA DAY 2017
1.Hapgets
6
1

Más contenido relacionado

Similar a Técnicas Interactivas para la Navegación de Mundos Virtuales

Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshop
Simon Phillips
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
Tanya Zavialova
 
Banner-blindness in on-line advertising
Banner-blindness in on-line advertisingBanner-blindness in on-line advertising
Banner-blindness in on-line advertising
Darran Mottershead
 
Designing for User Experience (UX)
Designing for User Experience (UX)Designing for User Experience (UX)
Designing for User Experience (UX)
Eric Shaver, PhD
 

Similar a Técnicas Interactivas para la Navegación de Mundos Virtuales (20)

Evaluation beyond the desktop
Evaluation beyond the desktopEvaluation beyond the desktop
Evaluation beyond the desktop
 
UX in an agile environment, 6 December 2016, Copenhagen
UX in an agile environment, 6 December 2016, CopenhagenUX in an agile environment, 6 December 2016, Copenhagen
UX in an agile environment, 6 December 2016, Copenhagen
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product management
 
SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshop
 
The Design Discovery Jetpack
The Design Discovery JetpackThe Design Discovery Jetpack
The Design Discovery Jetpack
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
Banner-blindness in on-line advertising
Banner-blindness in on-line advertisingBanner-blindness in on-line advertising
Banner-blindness in on-line advertising
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Human Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and IndustryHuman Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and Industry
 
Data-driven UX: What it really takes and how to get there
Data-driven UX: What it really takes and how to get thereData-driven UX: What it really takes and how to get there
Data-driven UX: What it really takes and how to get there
 
Boas e Más Práticas para Agile UX
Boas e Más Práticas para Agile UXBoas e Más Práticas para Agile UX
Boas e Más Práticas para Agile UX
 
Designing for User Experience (UX)
Designing for User Experience (UX)Designing for User Experience (UX)
Designing for User Experience (UX)
 
Making Agile Work for Design
Making Agile Work for DesignMaking Agile Work for Design
Making Agile Work for Design
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User Research
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
 
Ux and usability it's no PICNIC
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNIC
 

Más de Juan Manuel Gonzalez Calleros

Más de Juan Manuel Gonzalez Calleros (20)

Pruebas de Software.pptx
Pruebas de Software.pptxPruebas de Software.pptx
Pruebas de Software.pptx
 
Patrón de Diseño Estrategia
Patrón de Diseño EstrategiaPatrón de Diseño Estrategia
Patrón de Diseño Estrategia
 
Modelos de desarrollo de software
Modelos de desarrollo de software Modelos de desarrollo de software
Modelos de desarrollo de software
 
05 Identificación de Tareas y Contexto de Uso (UX)
05 Identificación de Tareas y Contexto de Uso (UX)05 Identificación de Tareas y Contexto de Uso (UX)
05 Identificación de Tareas y Contexto de Uso (UX)
 
Rol del Director de Proyectos
Rol del Director de ProyectosRol del Director de Proyectos
Rol del Director de Proyectos
 
03 Introduccón a la administracion de proyectos
03 Introduccón a la administracion de proyectos03 Introduccón a la administracion de proyectos
03 Introduccón a la administracion de proyectos
 
02 Mitos de la ingeniería de software
02 Mitos de la ingeniería de software02 Mitos de la ingeniería de software
02 Mitos de la ingeniería de software
 
01 Presentacion curso ingeniería de software
01 Presentacion curso ingeniería de software01 Presentacion curso ingeniería de software
01 Presentacion curso ingeniería de software
 
Enfoque transformacional
Enfoque transformacionalEnfoque transformacional
Enfoque transformacional
 
Ciclo de Vida y roles
Ciclo de Vida y roles Ciclo de Vida y roles
Ciclo de Vida y roles
 
Emociones y HCI
Emociones y HCIEmociones y HCI
Emociones y HCI
 
Patrones de Interfaz de Usuario
Patrones de Interfaz de UsuarioPatrones de Interfaz de Usuario
Patrones de Interfaz de Usuario
 
Algunas Métricas de UX
Algunas Métricas de UXAlgunas Métricas de UX
Algunas Métricas de UX
 
La experiencia de Usuario: Introducción
La experiencia de Usuario: IntroducciónLa experiencia de Usuario: Introducción
La experiencia de Usuario: Introducción
 
Métodos de usabilidad
Métodos de usabilidadMétodos de usabilidad
Métodos de usabilidad
 
Guía de Técnicas de Usabilidad
Guía de Técnicas de UsabilidadGuía de Técnicas de Usabilidad
Guía de Técnicas de Usabilidad
 
Mapas de Empatía, Personas e Historias de Usuario
Mapas de Empatía, Personas e  Historias de UsuarioMapas de Empatía, Personas e  Historias de Usuario
Mapas de Empatía, Personas e Historias de Usuario
 
Guía de Entrevistas
Guía de Entrevistas Guía de Entrevistas
Guía de Entrevistas
 
Hacia un modelo educativo centrado en el alumno
Hacia un modelo educativo centrado en el alumnoHacia un modelo educativo centrado en el alumno
Hacia un modelo educativo centrado en el alumno
 
Técnicas de Recolección de necesidades
Técnicas de Recolección de necesidadesTécnicas de Recolección de necesidades
Técnicas de Recolección de necesidades
 

Último

notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.ppt
MsecMca
 
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
jaanualu31
 
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - NeometrixIntegrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
Neometrix_Engineering_Pvt_Ltd
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
ssuser89054b
 
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
MayuraD1
 

Último (20)

Computer Networks Basics of Network Devices
Computer Networks  Basics of Network DevicesComputer Networks  Basics of Network Devices
Computer Networks Basics of Network Devices
 
AIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech studentsAIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech students
 
Thermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - VThermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - V
 
Unleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leapUnleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leap
 
data_management_and _data_science_cheat_sheet.pdf
data_management_and _data_science_cheat_sheet.pdfdata_management_and _data_science_cheat_sheet.pdf
data_management_and _data_science_cheat_sheet.pdf
 
notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.ppt
 
Thermal Engineering Unit - I & II . ppt
Thermal Engineering  Unit - I & II . pptThermal Engineering  Unit - I & II . ppt
Thermal Engineering Unit - I & II . ppt
 
Bridge Jacking Design Sample Calculation.pptx
Bridge Jacking Design Sample Calculation.pptxBridge Jacking Design Sample Calculation.pptx
Bridge Jacking Design Sample Calculation.pptx
 
Work-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptxWork-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptx
 
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
 
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - NeometrixIntegrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
 
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKARHAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
 
Employee leave management system project.
Employee leave management system project.Employee leave management system project.
Employee leave management system project.
 
Introduction to Serverless with AWS Lambda
Introduction to Serverless with AWS LambdaIntroduction to Serverless with AWS Lambda
Introduction to Serverless with AWS Lambda
 
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
 
Online electricity billing project report..pdf
Online electricity billing project report..pdfOnline electricity billing project report..pdf
Online electricity billing project report..pdf
 
Engineering Drawing focus on projection of planes
Engineering Drawing focus on projection of planesEngineering Drawing focus on projection of planes
Engineering Drawing focus on projection of planes
 
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
 

Técnicas Interactivas para la Navegación de Mundos Virtuales