Principios del diseño de la tecnología táctil

Cuando se trata de la respuesta táctil en dispositivos móviles, menos es más. Demasiada vibración puede ser molesta y hasta entumecer las manos, ya que el dispositivo suele estar en la mano con la atención total del usuario. También puede distraer de la tarea que el usuario quiere realizar, lo que puede llevar a que el usuario desactive rápidamente todas las respuestas táctiles. Sin embargo, la tecnología táctil bien diseñada proporciona una respuesta sensorial valiosa que brinda a los usuarios una interacción más rica con su dispositivo.

En esta página, se explican los casos de uso para usar la tecnología táctil, se presentan las clasificaciones de los efectos táctiles y también se abordan los lineamientos básicos para las apps.

Casos de uso para agregar tecnología táctil a tu app

Estos son algunos motivos para incorporar la tecnología táctil en tu app.

  • Para notificarle al usuario un evento que requiere su atención. Algunos ejemplos son una llamada telefónica o un mensaje de texto entrante, o una reunión próxima en el calendario.

  • Para confirmar un cambio de estado en el dispositivo después de una acción del usuario. Entre los ejemplos, se incluyen los comentarios de clic para presionar un botón, desbloquear un teléfono, aceptar o rechazar una huella dactilar o activar la cámara.

  • Para deleitar al usuario con efectos. Estos efectos podrían mejorar una acción del usuario en curso o emular la interacción física. Algunos ejemplos son los comentarios de desplazamiento, un control deslizante que se ajusta en su lugar o los efectos táctiles sincronizados con animaciones, sonidos, videos y juegos.

Clasificaciones de tecnología táctil

Los principios táctiles que se presentan aquí se diseñaron en torno a la táctil clara, la táctil enriquecida y la táctil vibrante.

Cómo borrar la tecnología táctil

La tecnología táctil clara se refiere a sensaciones nítidas y claras asociadas con un evento discreto, como presionar un botón. A menudo, estos efectos tienen como objetivo imitar una acción mecánica correspondiente del mundo real, como las que se sienten cuando se presiona un botón físico.

Android tiene efectos táctiles claros predefinidos en VibrationEffect. Sin embargo, en general, las apps deben usar constantes orientadas a la acción de HapticFeedbackConstants para garantizar la coherencia del efecto y la acción en todo el dispositivo.

La otra ventaja de las constantes orientadas a la acción es que la plataforma puede proporcionar un comportamiento de resguardo si el dispositivo del usuario no admite un efecto más complejo.

A medida que expandas los casos de uso de la respuesta táctil, las respuestas táctiles claras disponibles a veces pueden sentirse simples y monótonas. En ese caso, busca una tecnología táctil enriquecida que sea más expresiva.

Tecnología táctil enriquecida

Por lo general, la tecnología táctil enriquecida requiere actuadores táctiles que tengan una mayor frecuencia de ancho de banda, lo que permite una mayor expresividad y rango. También se pueden producir respuestas táctiles enriquecidas secuenciando elementos primitivos táctiles claros en diferentes amplitudes e intervalos.

Estos son algunos ejemplos de efectos táctiles enriquecidos:

  • Una sensación de "aleteo", similar a una mariposa que agita sus alas en la punta del dedo
  • La textura de una superficie que se siente cuando se arrastra o desliza un dedo sobre ella
  • Las sensaciones de inestabilidad y tambaleo, o de pesadez y reverberación

Tecnología táctil vibrante

La tecnología táctil con vibración puede caracterizarse por vibraciones ruidosas, nítidas y penetrantes que dejan un efecto posterior, como una sensación de hormigueo, incluso después de que termina la vibración. También suele tener un efecto de timbre que se siente como una reverberación antes de que la vibración se detenga por completo.

Estos son algunos ejemplos de sensaciones táctiles vibrantes:

  • Operar un martillo neumático
  • Andar en motocicleta
  • En dispositivos móviles, una vibración prolongada y resonante después de presionar una tecla

Desde los buscapersonas y los teléfonos con funciones, los teléfonos celulares de gama baja con actuadores o controladores táctiles de bajo rendimiento tendían a producir vibraciones largas y fuertes para las notificaciones.

Lineamientos de diseño táctil

En un nivel alto, los lineamientos de diseño se pueden resumir de la siguiente manera:

  • Se prefiere la tecnología háptica clara y rica en lugar de la tecnología háptica con zumbidos.
  • Sé coherente con el sistema y el diseño de la app.
  • Ten en cuenta la frecuencia de uso y la importancia.

Prioriza las constantes y los efectos táctiles predefinidos

Si tu acción está cubierta por una acción predefinida presente en HapticFeedbackConstants, usa esa constante. Esto garantiza una experiencia de interacción del usuario coherente, que es particularmente valiosa como consideración de accesibilidad.

Si creas tu propio efecto, considera usar los efectos predefinidos VibrationEffect y las primitivas VibrationEffect.Composition. Es más probable que proporcionen una experiencia de calidad coherente en todos los dispositivos que los admiten.

Correlaciona la importancia y la frecuencia del evento con la intensidad

Los efectos táctiles no deben abrumar al usuario ni parecer innecesarios.

  • Los efectos táctiles que se aplican a eventos muy frecuentes, como el desplazamiento o el movimiento de un control de texto, deben ser muy sutiles para proporcionar una experiencia general agradable.

  • Los eventos más importantes, como actualizar una página o enviar un formulario, deben ser más significativos que cambiar un botón de activación o desplazarse por una lista, por ejemplo.

  • Combina ambos conceptos para crear efectos que se vuelvan más fuertes a medida que la interacción alcanza un objetivo, por ejemplo, aumentar gradualmente la amplitud de una secuencia de marcas con acciones de arrastre, caída o ajuste.

Sé coherente

Sé coherente en tu app con la aplicación de la tecnología táctil. Si una interacción en particular, como el envío de un formulario o la navegación en la app, tiene comentarios táctiles, asegúrate de que se aplique el mismo efecto a todas las interacciones similares. Esto ayuda a los usuarios a asociar un significado a una respuesta táctil en particular.

Además, mantén la coherencia con el sistema Android usando el mismo HapticFeedbackConstants para interacciones bien definidas, como selectores de hora o teclados virtuales.

Diseña una experiencia visual y de audio junto con la tecnología táctil

Considera la tecnología táctil como parte de la experiencia total del usuario.

Recomendamos el codiseño de efectos visuales, de audio y táctiles. Haz que sea armonioso o congruente con las animaciones visuales y los patrones de sonido. Las entradas visuales y auditivas pueden mejorar la percepción táctil, y un efecto táctil bien diseñado puede proporcionar una sensación de fisicalidad a los efectos visuales y de audio.

Por el contrario, una respuesta táctil que se reproduce fuera de sincronización o que se siente inconsistente con los efectos visuales y de audio puede ser un poco perturbadora para el usuario. En algunos casos, el usuario puede percibir que el actuador táctil está roto.

Evita las vibraciones únicas heredadas para la respuesta táctil

Evita usar las vibraciones únicas heredadas, como las que define VibrationEffect.createOneShot o se realizan con las APIs Vibrator.vibrate(long) y Vibrator.vibrate(long[], int).

Es posible que estas vibraciones se sientan como un zumbido cuando duran un período prolongado después de que finaliza la forma de onda de entrada, en especial en dispositivos con un actuador o controlador táctil de bajo rendimiento.

Una buena señal de respuesta táctil de clic de tecla debe durar entre 10 y 20 milisegundos. Sin embargo, es posible que el actuador siga sonando durante otros 20 a 50 milisegundos después de que finalice una entrada de 20 milisegundos al actuador. Por lo tanto, es mejor evitar las vibraciones únicas para este tipo de comentarios.