Microinteracciones en el diseño de formularios

Escrito por Dani Armengol Garreta el 24 Dic 2008

Ya hemos comentado en varias ocasiones que es una buena práctica dar a los campos de un formulario un aspecto que dé pistas sobre qué información introducir y su formato.

Un usuario poco acostumbrado a utilizar su tarjeta de crédito, por ejemplo, puede dudar al ver el siguiente campo:



Mientras que si se le presenta el siguiente, donde se agrupan los dígitos de la misma forma que están físicamente en la tarjeta, tiene más pistas sobre qué debe introducir:



Sin embargo el trabajo no ha acabado aquí. ¿Cómo interactuarán los usuarios con este componente?

Algunos querrán introducir el número de tarjeta de un tirón, sin pulsar “tabulador” para pasar de una caja a otra. Esto se debe tener en cuenta y proporcionar un “salto automático” entre caja y caja.

Pero el trabajo tampoco ha terminado: otros usuarios sí querrán utilizar la tecla “tabulador” y si no lo tenemos en cuenta se van a encontrar que al pulsar obtienen dos saltos: el suyo, explícito, y el “salto automático”.

Permitir el uso del tabulador y ofrecer a la vez el “salto automático” es posible, reduciéndose al final a una cuestión puramente de implementación, pero para ofrecer esta funcionalidad es importante primero darse cuenta de su necesidad.

Tener en cuenta estos pequeños detalles, o microinteracciones, es muy importante, pues pueden marcar diferencias competitivas en formularios de uso puntual, por ejemplo en un proceso de compra, e incrementos de eficiencia en situaciones de alta productividad con aplicaciones internas o intranets.