Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Microinteracciones en el diseño de formularios

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:

Campo de introducción del número de tarjeta: una única caja para 16 dígitos

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:

Campo de introducción del número de tarjeta: cuatro cajas de 4 dígitos cada una

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.



Comentarios (4)

Anónimo dijo el 24 Dic 2008:

Muy buen punto, muchas veces se dejan de lado estos detalles.

Saludos

Anónimo dijo el 26 Dic 2008:

pero ambas cosas se pueden implementar a la vez? me parecen un tanto complementarias....

DaniDani dijo el 29 Dic 2008:

La implementación de los dos sistemas a la vez es heurística: se debería estudiar la casuística de escenarios e intentar satisfacer los más habituales.

Por ejemplo se podría proporcionar el salto automático e ignorar la tecla tabulador únicamente bajo ciertas condiciones. De esta forma si el usuario acaba de introducir cuatro dígitos de la tarjeta y pulsa tabulador, el sistema ignoraría esta pulsación (pues ya ha hecho el salto automático), mientras que si el usuario pulsa después de introducir únicamente dos dígitos sí se le efectuaría el salto manual.

Esta solución tiene su miga, lo que hace pensar que quizá hay algo de raíz que no se está haciendo de la mejor forma posible. De hecho existen otras líneas de investigación para resolver el mismo problema, como las máscaras de entrada, pero son poco extendidas y poco conocidas por los usuarios.

un saludo!

CésarCésar dijo el 29 Dic 2008:

Muy bueno,

Es cuestión de vigilar estos pequeños detalles e implementarlos correctamente.

Estos "pequeños detalles" son los que marcan la diferencia de una buena interacción. El usuario quizás no lo perciba como tal pero sí notará que algo funciona bien, que algo funciona mejor que en otros sitios.

Muchas gracias por el post.

césar



Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.