Recomendados
Más contenido relacionado
Similar a Diseñar para tabletas
Último
Último (20)
Diseñar para tabletas
- 1. Diseñar para tabletas: Interacción táctil y natural Armando Fidalgo
- 2. Pero... ¿qué es una tableta?
- 8. Organizar la interfaz para tocar Al alcance de la mano Interacción y manipulación directa Sensación de realismo Feedback inmediato Al alcance de los dedos Interacción multitáctil Animación Disfrutar tocando
- 10. Definir y organizar la interfaz también para tocar
- 11. Diseñar en función de cómo sostienen el dispositivo los usuarios
- 13. Áreas de interacción Acciones arriesgadas o elementos UI auxiliares Botones de acción principales y navegación L. Wroblewski D. Saffer
- 16. Es imposible llegar sin levantar la mano
- 18. Evitar situar controles en el centro superior
- 21. Al alcance de la mano
- 22. Facilitar el movimiento de la mano Boring et al.
- 26. Al alcance del dispositivo periférico de introducción de datos en el sistema de los dedos
- 27. Adecuación de los elementos de la interfaz al tamaño de los dedos Punta: 8-10 mm Yema/pulpejo: 10-14 mm
- 28. Tamaño del objetivo 9 mm +10 9 mm Óptimo por precisión Para cerrar, eliminar o acciones graves o importantes 7 mm 10 7 mm Mínimo recomendado general 5 mm 7 5 mm Óptimo para tamaños pequeños Si se necesita apilar gran cantidad de elementos
- 29. Espacio en blanco entre objetivos 2 mm 2 mm (al menos) de separación visual reduce errores y la percepción de dificultad.
- 30. Espacio en blanco entre objetivos Los objetivos táctiles deben estar al menos alejados 8 mm del centro geométrico (preferible 10 mm) S. Hoober 30
- 31. El tamaño del objetivo influye en la tasa de errores Microsoft
- 33. Gestos básicos L. Wroblewski et al.
- 34. Permitir la interacción múltiple L. Wroblewski et al.
- 35. Lorient
- 36. Permitir usar la pantalla entera como control
- 37. Pantalla entera como alternativa a taps precisos
- 38. Permitir usar la pantalla entera como control
- 40. “ NUI exploits skills that we have acquired through a lifetime of living in the World ” Bill Buxton, principal researcher en Microsoft
- 41. Interacción y manipulación directa
- 42. 3 1 4 2
- 43. El contenido es lo principal
- 44. Dedicar el máximo espacio posible al contenido
- 45. Minimizar el uso del chrome
- 46. Interactuar directamente con el contenido
- 47. Interactuar directamente con el contenido
- 48. Interactuar directamente con el contenido
- 49. Interactuar directamente con el contenido
- 50. Interactuar directamente con el contenido
- 52. “ 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
- 53. Toques de realismo Manipulación directa del contenido, en lugar de uso de controles Feedback: respuesta inmediata al toque del usuario Simular las leyes físicas (inercia, resistencia…) en los objetos Utilizar metáforas del mundo real
- 54. Utilización de metáforas del mundo físico
- 55. Realismo visual = realismo de interacción
- 57. A.Zumbrunnen
- 60. Esqueomorfismo Diseño plano/esqueomorfismo es una discusión estética, de estilos, no de diseño
- 61. Feedback inmediato en tiempo y espacio
- 64. Look and Feel Visual Sonoro Táctil 64
- 65. Feedback visual es el principal y más importante
- 66. Cambiar de color Cambiar de tamaño Moverse
- 67. Feedback inmediato: el contenido debe seguir a los dedos
- 68. Animación: interacción más natural
- 69. Animación puede reforzar la metáfora física Kaist
- 70. Sensación de realismo usando efectos del mundo físico Inercia Velocidad Aceleración y desaceleración Elasticidad Fricción
- 72. 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
- 75. Dirige la atención del usuario
- 76. Ofrece continuidad y mantiene el flujo Las transiciones suaves añaden realismo Crea consistencia y continuidad Las transiciones deben ser suaves y sutiles para no llamar la atención hacia sí mismas
- 79. Ofrece continuidad y mantiene el flujo Reducir el cambio de pantallas puede mantener el flujo De pantallas discretas a movimiento continuo Abrir, cerrar y refrescar paneles con gestos Abrir el contenido y medias en la página
- 82. El placer de la interacción táctil, disfrutar haciendo
- 83. Futuro: explorar
- 84. “ Buttons are sometimes a lazy touch designer’s easy way out, but sometimes they’re a necessity Suzanne Ginsburg ”
- 85. Asegurar la interacción básica Fomentar la creación e innovación
- 86. Explorar nuevos lenguajes Loren Brichter
- 87. del diseño El futuro depende de nosotros también