Interfaces táctiles: el desafío de las tabletas
-
Upload
armando-fidalgo -
Category
Documents
-
view
8.391 -
download
1
description
Transcript of Interfaces táctiles: el desafío de las tabletas
![Page 1: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/1.jpg)
Interfaces tác,les: el desa(o de las tabletas
Armando Fidalgo
![Page 2: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/2.jpg)
![Page 3: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/3.jpg)
![Page 4: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/4.jpg)
K. Hofmeester&K. Markiewicz
![Page 5: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/5.jpg)
Diseñar para tocar
![Page 6: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/6.jpg)
![Page 7: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/7.jpg)
Istargazer
Adecuación de los elementos de la interfaz al tamaño de los dedos
![Page 8: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/8.jpg)
Tamaño del obje9vo
![Page 9: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/9.jpg)
Diametro: 16-20 mm
Yema/pulpejo: 10-14 mm
Punta: 8-10 mm
Adecuación de los elementos de la interfaz al tamaño de los dedos
![Page 10: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/10.jpg)
Tamaño del obje9vo
Óptimo por precisión 9 mm
9 mm
§ Para cerrar, eliminar o acciones graves o importantes
5 mm
5 mm
Óptimo para tamaños pequeños § Si se necesita apilar gran cantidad de
elementos
7 mm
Recomendado general 7 mm
![Page 11: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/11.jpg)
El tamaño del objetivo influye en la tasa de errores
![Page 12: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/12.jpg)
Efecto iceberg
OK
Objetivo visual
Área táctil
![Page 13: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/13.jpg)
13
Zona pulsable
La zona pulsable debe ser igual o mayor al tamaño real (visual) del botón.
![Page 14: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/14.jpg)
Espacio en blanco entre obje9vos
14
2 mm
2 mm (al menos) de separación visual reduce errores y la percepción de dificultad.
![Page 15: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/15.jpg)
15
![Page 16: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/16.jpg)
El espacio entre objetivos táctiles debe ser inversamente proporcional al tamaño de los objetos adyacentes.
T. Wood
![Page 17: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/17.jpg)
17
Espacio muerto
El espacio muerto reduce el peligro de pulsar otro botón por equivocación.
![Page 18: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/18.jpg)
Al alcance de la mano
![Page 19: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/19.jpg)
¿Cómo sostienen los usuarios el dispositivo?
![Page 20: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/20.jpg)
Diseñar en función de cómo sostienen el dispositivo los usuarios
Microsoft
![Page 21: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/21.jpg)
Microsoft
![Page 22: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/22.jpg)
Áreas de interacción
Microsoft D. Saffer
![Page 23: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/23.jpg)
Facilitar las acciones principales
Dificultar las acciones decisivas
![Page 24: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/24.jpg)
Acciones principales
![Page 25: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/25.jpg)
Acciones habituales
![Page 26: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/26.jpg)
![Page 27: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/27.jpg)
Raizlabs
Áreas de interacción
![Page 28: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/28.jpg)
![Page 29: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/29.jpg)
Evitar situar controles en el centro superior
![Page 30: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/30.jpg)
![Page 31: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/31.jpg)
Los lenguajes tác,les
![Page 32: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/32.jpg)
Gestureworks
Hay muchas posibilidades...
![Page 33: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/33.jpg)
Caracterís9cas de nuestra anatomía...
![Page 34: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/34.jpg)
Convenciones...
![Page 35: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/35.jpg)
N. Koechley
Tap DblTap Fling Drag Spread Pinch Press Drag (2 Fngr) Rotate
iOS Tap DblTap Flick Drag Pinch Open
Pinch Close
Touch & Hold
2- Finger Scroll X
WP7 Tap DblTap Flick Pan Pinch Pinch Touch & Hold X X
webOS Tap DblTap Flick Swipe /Touch &Drag
Spread Pinch Touch & Hold X Rotate
Android Tap DblTap Flick Drag Pinch Pinch Touch & Hold X X
![Page 36: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/36.jpg)
Gestos principales
§ Seleccionar un elemento o control
§ Scroll rápido
![Page 37: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/37.jpg)
§ Abrir § Acercar y centrar un bloque de contenido o una imagen.
§ Alejar si algo está acercado.
![Page 38: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/38.jpg)
§ Borrar § Mover § Desplazar
![Page 39: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/39.jpg)
§ Mover o desplazar § Hacer scroll rápido
![Page 40: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/40.jpg)
§ Reducir o encoger un objeto § Zoom out /alejar
![Page 41: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/41.jpg)
§ Ampliar o agrandar un objeto § Zoom in /acercar
![Page 42: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/42.jpg)
§ Cambiar modo § Hacer scroll
![Page 43: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/43.jpg)
Mover
![Page 44: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/44.jpg)
Ajustar
![Page 45: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/45.jpg)
Girar o voltear un objeto
![Page 46: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/46.jpg)
Gestos básicos
46
![Page 47: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/47.jpg)
Asegurar que el usuario puede realizar las acciones principales y acceder a los contenidos principales
![Page 48: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/48.jpg)
![Page 49: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/49.jpg)
Proceso alternativo
![Page 50: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/50.jpg)
![Page 51: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/51.jpg)
No recargar la pantalla de controles
![Page 52: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/52.jpg)
Hacer la interacción reversible
![Page 53: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/53.jpg)
Cuanto más complicados sean los gestos, menos personas podrán realizarlos
![Page 54: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/54.jpg)
Emular las interacciones “naturales”
![Page 55: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/55.jpg)
Acción y manipulación directa
![Page 56: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/56.jpg)
Acción – reacción/percepción están cerca, similar al mundo físico
B. Pagán
![Page 57: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/57.jpg)
Proximidad espacial: la acción del usuario está cerca físicamente del elemento sobre el que actúa
![Page 58: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/58.jpg)
Proximidad temporal: el elemento de la interfaz reacciona al mismo tiempo que la acción del usuario
![Page 59: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/59.jpg)
Acción paralela: hay correlación (orientación, escala, velocidad….) entre la acción del usuario y la reacción del elemento en la interfaz
![Page 60: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/60.jpg)
Interactuar directamente con el contenido
![Page 61: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/61.jpg)
Interactuar directamente con el contenido
![Page 62: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/62.jpg)
Interactuar directamente con el contenido
![Page 63: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/63.jpg)
El contenido es la interfaz
![Page 64: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/64.jpg)
El contenido es lo principal
![Page 65: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/65.jpg)
![Page 66: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/66.jpg)
![Page 67: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/67.jpg)
Sensación de realismo
![Page 68: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/68.jpg)
![Page 69: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/69.jpg)
When appropriate, add a realistic, physical dimension to your application. Often, the more true to life your application looks and behaves, the easier it is for people to understand how it works and the more they enjoy using it
iOS Human Interface Guidelines ”
“
![Page 70: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/70.jpg)
Respuesta inmediata a cada toque del usuario
Manipulación directa del contenido, en lugar de uso de controles
Mostrar inercia en los objetos y contenidos que se pueden mover
Toques de realismo
![Page 71: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/71.jpg)
Utilización de metáforas del mundo físico
![Page 72: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/72.jpg)
![Page 73: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/73.jpg)
Realismo visual = realismo de interacción
![Page 74: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/74.jpg)
No romper la metáfora
![Page 75: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/75.jpg)
Skeuomorphism is the use of previously necessary design elements in a place they are no longer necessary in order to increase appeal or usability Andrew Watterson ”
“
![Page 76: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/76.jpg)
Pistas de comportamiento falsas
Ruido visual y distracción
Amplio consumo de espacio
Asumir que es conocido y familiar
![Page 77: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/77.jpg)
![Page 78: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/78.jpg)
Leather buttons ... feels very much like real leather buttons would feel: Tacky. [Calendar app] feels wrong and it is wrong. It’s kitsch. If you use favor style over function to make something look like something it is not, you are not a product designer, you are an illusion artist. Oliver Reichenstein ”
“
![Page 79: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/79.jpg)
![Page 80: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/80.jpg)
Feedback adecuado e inmediato
![Page 81: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/81.jpg)
Ofrecer un feedback apropiado, claro y a tiempo al usuario para que vea los resultados de sus acciones y conozca qué está pasando con el sistema.
![Page 82: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/82.jpg)
Acción – reacción
Comunicar que la acción se ha realizado con éxito.
![Page 83: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/83.jpg)
Tipos de feedback: § Visual § Sonoro § Táctil
![Page 84: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/84.jpg)
Feedback visual es el principal y más importante.
![Page 85: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/85.jpg)
Cambiar de color
Cambiar de tamaño
Moverse
![Page 86: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/86.jpg)
Feedback sonoro de apoyo, no como sistema principal. Utilizar tonos bajos. Se pueden ofrecer diferentes sonidos según la acción.
![Page 87: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/87.jpg)
![Page 88: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/88.jpg)
Feedback táctil ofrece una respuesta inmediata al usuario. Adecuada para entornos ruidosos. Crea aplicaciones más realistas y refuerza la metáfora física.
![Page 89: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/89.jpg)
Experiencia atractiva y emocional
Efecto de teclado mecánico
Personalización
![Page 90: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/90.jpg)
Feedback inmediato
![Page 91: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/91.jpg)
Animación: interacción más natural e intui,va
![Page 92: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/92.jpg)
E. Muybridge
![Page 93: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/93.jpg)
Inercia
Sensación de realismo usando efectos del mundo físico
Aceleración y desaceleración
Velocidad
Fricción
Elasticidad
![Page 94: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/94.jpg)
![Page 95: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/95.jpg)
Anticipación: Prepara al usuario sobre que lo va a pasar a continuación.
Mejora la orientación
Las transiciones visuales mejoran la comprensión de lo que ha pasado
Muestra cambios de estado o situación
Muestra relaciones entre elementos
![Page 96: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/96.jpg)
![Page 97: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/97.jpg)
La percepción periférica del movimiento es eficiente
Dirige la atención del usuario
Puede ayudar en los cambios de elementos pequeños o fuera del centro de la pantalla
![Page 98: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/98.jpg)
Las transiciones suaves añaden realismo
Ofrece continuidad y mantiene el flujo
Crea consistencia y continuidad
Las transiciones deben ser suaves y sutiles para no llamar la atención hacia sí mismas
![Page 99: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/99.jpg)
![Page 100: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/100.jpg)
Reducir el cambio entre pantallas puede mantener el flujo
Ofrece continuidad y mantiene el flujo
De pantallas discretas a movimiento continuo
Abrir, cerrar y refrescar paneles con gestos
Abrir el contenido y medias en la página
![Page 101: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/101.jpg)
Futuro: explorar un lenguaje tác9l
![Page 102: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/102.jpg)
K. Hofmeester&K. Markiewicz
![Page 103: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/103.jpg)
Multigestos
R. Zinner
![Page 104: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/104.jpg)
Multimodos
![Page 105: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/105.jpg)
Momento de transición
Nueva tecnología
Nuevo lenguaje
Copia del lenguaje antiguo
Asegurar la interacción básica
Fomentar la creación e innovación
![Page 106: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/106.jpg)
Buttons are sometimes a lazy touch designer’s easy way out, but sometimes they’re a necessity Suzanne Ginsburg ” “
![Page 107: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/107.jpg)
![Page 108: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/108.jpg)
![Page 109: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/109.jpg)
![Page 110: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/110.jpg)
![Page 111: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/111.jpg)
La comunicación humana es mejor cuando combina varios sentidos
![Page 112: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/112.jpg)
THE MAGIC COMES WHEN WE BLEND THE SENSES TOGETHER
Las interfaces futuras estarán basadas en todos los sentidos humanos
![Page 113: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/113.jpg)
Métodos de intput
Microsoft
![Page 114: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/114.jpg)
Métodos de output
Microsoft
![Page 115: Interfaces táctiles: el desafío de las tabletas](https://reader034.fdocuments.mx/reader034/viewer/2022051313/54918e94b479598f428b45ce/html5/thumbnails/115.jpg)
Nuestra tarea más inmediata es trabajar en la
interacción táctil