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

Cuando se trata de respuestas táctiles en dispositivos móviles, menos es más. Demasiada vibración puede causar molestia o incluso adormecer a las manos, ya que el dispositivo suele estar de la mano con la atención plena del usuario. Además, eso puede distraer al usuario de la tarea prevista, lo que podría provocar que este desactive rápidamente toda la tecnología táctil. Sin embargo, la tecnología háptica bien diseñada proporciona comentarios sensoriales valiosos que ofrecen a los usuarios una mejor interacción con su dispositivo.

En esta página, se explican los casos de uso relacionados con la tecnología táctil, se presentan clasificaciones para los efectos táctiles y se describen los lineamientos básicos para apps.

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

A continuación, se incluyen algunas razones para incorporar tecnología táctil a tu app.

  • Notificar al usuario sobre un evento que requiere su atención. Entre los ejemplos, se incluyen una llamada telefónica o un mensaje de texto entrantes, o una próxima reunión en el calendario.

  • Para confirmar un cambio de estado en el dispositivo después de una acción del usuario. Algunos ejemplos incluyen los comentarios sobre los clics cuando se presiona un botón, el desbloqueo de un teléfono, la aceptación o el rechazo de una huella dactilar, o la activación de la cámara.

  • Para deleitar al usuario con efectos Esos efectos pueden mejorar una acción continua del usuario o emular la interacción física. Algunos ejemplos son los comentarios de desplazamiento, el ajuste de un control deslizante en su lugar o los efectos táctiles que se sincronizan con animaciones, sonidos, videos y juegos.

Clasificaciones de tecnología táctil

Los principios de la tecnología táctil que se presentan aquí se diseñaron en torno a tecnología háptica clara, háptica amplia y tecnología táctil animada.

Tecnología háptica clara

La tecnología háptica clara hace referencia a sensaciones nítidas y limpias asociadas con un evento discreto, como la presión de un botón. Estos efectos suelen imitar una acción mecánica del mundo real correspondiente, como la que se siente 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 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 expandes los casos de uso de la respuesta táctil, la tecnología táctil clara disponible a veces puede parecer sencilla y monótona. En ese caso, busca una tecnología táctil rica que sea más expresiva.

Tecnología táctil enriquecida

Por lo general, la tecnología táctil enriquecida requiere accionadores táctiles que tienen un ancho de banda de frecuencia más amplio, lo que permite una mayor expresividad y rango. La tecnología táctil enriquecida también se puede producir mediante la secuenciación de primitivas de tecnología táctil clara en varios intervalos y amplitudes.

Estos son algunos ejemplos de efectos táctiles enriquecidos:

  • Una sensación de revolución, similar a una mariposa que mueve las alas con la punta del dedo
  • La textura de una superficie que se siente al arrastrar o deslizar un dedo por ella
  • sensaciones de inestabilidad y oscilidad, o pesadez y reverberación

Tecnología háptica animada

La háptica animada se puede caracterizar por vibraciones ruidosas, agudas y penetrantes que dejan un efecto posterior, como una sensación de hormigueo, incluso después de que termina la vibración. También tiende a tener un efecto de zumbido 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 animadas:

  • Operar un martillo neumático
  • Conduciendo una motocicleta
  • En los dispositivos móviles, una vibración larga y con un sonido después de presionar una tecla

En cuanto a los localizadores y los teléfonos de gama media, los teléfonos celulares de gama baja con accionadores o controladores táctiles de bajo rendimiento tendían a producir vibraciones largas y bulliciosas con fines de notificación.

Lineamientos de diseño de la tecnología táctil

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

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

Prioriza los efectos y constantes 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, lo que es particularmente valioso 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 brinden una experiencia de calidad coherente en todos los dispositivos compatibles.

Correlaciona la importancia y la frecuencia de los eventos con la intensidad

Los efectos táctiles no deben abrumar al usuario ni sentirse injustificados.

  • Los efectos táctiles que se aplican a eventos muy frecuentes, como desplazarse o mover un controlador 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, deberían ser más eficaces que cambiar un botón de activación o desplazarse por una lista, por ejemplo.

  • Combina ambos conceptos para crear efectos que se fortalecen a medida que la interacción alcanza un objetivo; por ejemplo, aumenta gradualmente la amplitud de una secuencia de marcas con acciones de arrastrar, soltar o ajustar.

Sé constante

Sé coherente en tu app con la aplicación de tecnología táctil. Si una interacción en particular, como el envío de formularios o la navegación desde la app, tiene respuesta táctil, 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.

También debes mantener la coherencia con el sistema Android. Para ello, usa el mismo HapticFeedbackConstants para interacciones bien definidas, como selectores de hora o teclados virtuales.

Diseña experiencias visuales y auditivas junto con tecnología táctil

Considera la tecnología háptica como parte de la experiencia total del usuario.

Te recomendamos codiseño de efectos visuales, táctiles y de audio. Asegúrate de que sea armonioso o congruente con animaciones visuales y patrones de sonido. Las entradas visuales y auditivas pueden mejorar la tecnología táctil percibida, y un efecto táctil bien diseñado puede proporcionar una sensación de físicidad a los efectos visuales y de audio.

Por el contrario, una respuesta táctil que no está sincronizada o que parece incoherente con los efectos visuales y de audio puede ser un poco inquietante para el usuario. En algunos casos, el usuario puede percibir que el accionador táctil está roto.

Cómo evitar las vibraciones únicas heredadas para la respuesta táctil

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

Estas vibraciones pueden percibirse si duran un período prolongado después de que finaliza la forma de onda de entrada, en especial en dispositivos con un accionador o controlador táctil de bajo rendimiento.

Una buena señal de respuesta táctil de clic debe durar entre 10 y 20 milisegundos. Sin embargo, el accionador puede seguir sonando durante otros 20 a 50 milisegundos después de que finalice una entrada de 20 milisegundos al accionador. Por lo tanto, es mejor evitar las vibraciones de un solo uso para este tipo de comentarios.