Se le pidió a uno de nuestro equipo que completara un cuestionario de comentarios. No hubo ningún incentivo que ayudar a la organización a mejorar su servicio. Entonces, pensaría que la forma sería lo más indolora de completar como sea posible.
Sin embargo, se produjo una falla de diseño de forma fatal con la inclusión de menús desplegables que no se desplomaron. Al hacer clic en el lugar habitual, la flecha verde en la imagen a continuación, no hizo absolutamente nada.
La prueba y el error revelaron que las opciones del usuario solo se revelaron cuando el cursor se colocó en el campo donde aparecería la respuesta seleccionada.
Esta opción de diseño hace que sea más difícil para los usuarios completar el formulario, desperdiciar su tiempo y aumentar la carga cognitiva a medida que desconcertan cómo revelar las opciones de menú. Las malas formas web como esta no son buenas UX.
Cuando los usuarios de formulario cometen errores, siempre es bueno hacerles saber. Pero haga mal su mensaje de error, como en este ejemplo, y puede hacer más daño que bien.
Aunque el texto le dice al usuario que hay un problema, hay dos problemas de diseño UX:
El mensaje de error no le dice al usuario cuáles son los problemas o dónde están en el formulario, dejando al usuario que verifique cada campo el mensaje de error aparece al final del formulario que requiere que el usuario se reasguezca mentalmente después de haber avanzado. el campo. Lo que significa más esfuerzo mental y frustración.
Como ejemplo de lo importante que es esto; Según los datos de análisis de formulario, el equipo del sitio de juegos clásico Solitaired hizo una mejora en su página de pago de tarjeta de crédito donde identificaron específicamente qué campo tenía un error y cómo abordarlo. Querían aclarar cómo avanzar, en lugar de que el usuario adivine dónde podría estar un error. Esta mejora por sí sola creó una mejora de la tasa de conversión del 8% en su oferta premium de juegos solitarios.
¿Cuál es el diseño de un formulario?
La forma agrega otra dimensión a la forma. Un círculo es una forma plana y bidimensional. Cuando agrega el sombreado que transforma el círculo en una esfera, toma una forma tridimensional, como una pelota que podría lanzar o rebotar.
Las formas básicas son figuras tridimensionales, que incluyen esferas, cubos, cilindros, pirámides y conos. Si un objeto tiene altura, ancho y profundidad, es una forma. Una forma puede ser una forma geométrica hecha por el hombre que es matemáticamente precisa en todos sus ángulos y bordes, o puede ser una forma natural y orgánica. Las formas orgánicas como lagartos, las libélulas y los manzanos no son matemáticamente precisos, pero son tridimensionales.
Una forma es negativa o positiva. Una sangría en forma de ladrillo en una pared es una forma negativa, mientras que un ladrillo expuesto es una forma positiva. La forma también puede ser estática o dinámica. Estático significa todavía, por lo que una bola que descansa sobre la mesa es estática. Una forma dinámica sugiere un movimiento como una pelota que vuela a través de la habitación.
En la arquitectura, la mayoría de las formas son geométricas. Suelen ser estáticos también. Por ejemplo, el Cube Village del arquitecto holandés Piet Blom incorpora una serie de cubos establecidos en el punto. Cada cubo es una repetición de la forma y la serie crea una sensación de equilibrio y ritmo. Sin embargo, como característica arquitectónica, cada cubo es estático.
El arquitecto Frank Lloyd Wright usó discos tridimensionales, esferas y arcos en su diseño para el Museo Guggenheim en la ciudad de Nueva York. El interior del museo refleja estas formas con paredes curvas y rampas espirales. Aunque estos elementos arquitectónicos se fijan en su lugar, sí sugieren movimiento de fluido.
¿Cómo es un diseño de un formulario?
Diseño gráfico: que satisface las necesidades estéticas, respeta las leyes de la forma y las necesidades del espacio de dos dimensiones; que habla usando semiótica, sans-serifs y geometría; Que al afirmar, transforma, traduce, gira, se dilata, repite, refleja, divide y sonríe; no es un buen diseño si luego es inútil.
El diseño gráfico, que evoca la simetría de Vitruvius, la simetría dinámica de Hambidge, la monquería de Mondrian; que es bueno Gestalt; Generado por intuición o por una computadora, por invención o por un sistema de coordenadas: no es un buen diseño si no colabora como una herramienta al servicio de la comunicación.
Esta cita de Paul Rand es una de mis frases favoritas sobre el diseño. El diseño no es decoración o marketing. El diseño no es solo estético o solo significado. Pero un conjunto de todo esto.
El diseño es el vínculo entre dos universos aparentemente distintos, dado que un proyecto de diseño encuentra en su funcionalidad una belleza intrínseca y su belleza una funcionalidad intrínseca.
Un proyecto de diseño captura en el letrero solo cuando logra ser útil, a nivel comunicativo, manejando, al mismo tiempo para «calentar el corazón» de aquellos que lo miran, como en un ballet donde la belleza y la funcionalidad se fusionan.
Este es un principio sobre el que mantengo mucho y que trato de subrayar a menudo dentro de los muchos artículos gráficos.
Para ser un buen diseñador, uno debe encontrar necesariamente un punto de unión entre nuestro deseo de transmitir un mensaje y hacerlo de la manera estéticamente más agradable y adecuada.
¿Que hay que tener presente para el diseño de un formulario?
Una vez que su formulario esté listo, debe colocarse en la página de una manera que atraiga la atención. Las mejores tasas de llenado se obtienen con formularios que están integrados en la página, no vinculadas. Esta opción también tiene la ventaja de mantener al usuario en el acto. Para los formularios de contacto y los formularios de Get-Quote, es común crear una pestaña especial del sitio web que se pueda colocar en el encabezado, el pie de página o la barra lateral (la más visible de todos los puntos).
La opción de seguridad más común utilizada en Forms es Captcha, una imagen compuesta por caracteres alfanuméricos distorsionados que solo pueden ser descifrados por humanos, excluyendo los bots. Este es un buen método para mantener el spam alejado, pero asegúrese de que los personajes no sean demasiado difíciles de leer, de lo contrario, obstaculizará a los usuarios legítimos que podrían abandonar la forma.
La mejor alternativa es Smart Captcha que solo aparece si hay una señal de abuso sobre el formulario. Por supuesto, también hay otras opciones de seguridad que podría incluir en sus formularios: limitación de envíos por IP, filtro de país o formularios protegidos con contraseña para uso interno de la compañía.
Su comunicación con los usuarios no termina una vez que presionan el botón Enviar. Siempre es una buena idea mostrar su cortesía enviándoles un mensaje de confirmación como «su mensaje ha sido enviado, ¡gracias por completar nuestro formulario!» También puede redirigirlo a una determinada página web que puede cargarse automáticamente al enviar.
Después del envío, el formulario puede interactuar con una base de datos o/y enviar un correo electrónico de notificación al administrador para indicar que el formulario se ha completado. Generar entradas de base de datos que se poblarán con información enviada es especialmente útil si necesita verlo como una tabla o exportarla para una mayor manipulación.
¿Qué puedo hacer para mejorar un formulario?
Los formularios son un elemento muy importante de cualquier sitio web. Los formularios hacen que un sitio web sea interactivo y permita a las empresas recopilar datos valiosos de los clientes. Los formularios también son una de las formas más efectivas para que las empresas generen clientes potenciales a partir de sitios web.
Aunque la mayoría de las empresas usan formularios en su sitio web, muy pocas empresas obtienen los resultados deseados. Muchas formas sufren de malas conversiones y, como resultado, no logran generar clientes potenciales para el negocio.
Hay muchos factores que afectan el rendimiento de las formas. El diseño y la colocación de la forma, el uso efectivo de la llamada a la acción y la usabilidad general, todos juegan un papel en la determinación de los resultados de los formularios en un sitio web.
En este artículo, echamos un vistazo a las técnicas simples para mejorar para sus formularios web y obtener mejores resultados. Estos consejos lo ayudarán a aumentar las conversiones y sacar más de su sitio web.
Aquí hay algunas formas simples de mejorar el rendimiento de los formularios de su sitio web:
Los campos claramente etiquetados son una manera fácil de mejorar la usabilidad de los formularios al tiempo que garantiza la calidad de los datos que se recopilan. Las etiquetas descriptivas claras también reducen la ambigüedad de la información que debe ingresarse.
Mostrar texto predeterminado en Form Fields es una forma simple de mejorar la usabilidad de los formularios. Se puede usar para complementar las etiquetas de campo o incluso usarse en lugar de las etiquetas. Da una idea clara a los usuarios sobre la información que necesitan para ingresar.
Al mostrar el texto predeterminado en los campos de formulario, es importante asegurarse de que el texto predeterminado desaparezca cuando un usuario hace clic en el campo. No hacer esto interfiere con la información ingresada por los usuarios que pueden ser molestos para el usuario.
¿Qué es el llenado de formularios?
La función de auto -control del navegador es conocida por todos: al completar un formulario en línea en el que se requiere la inserción del correo electrónico o el nombre y las direcciones de apellido, puede hacer clic en la sugerencia del navegador web para ingresar rápidamente los datos solicitados y ser dispensado de tener que hacerlo a mano.
Los navegadores web pueden convertirse en aliados increíbles para usuarios maliciosos, anunciantes, spammers y espinas. Al tocar las cuerdas correctas, de hecho, es posible no solo verificar los sitios visitados en el pasado por los usuarios (qué sitios que ha visitado en el pasado: cualquiera puede establecerlo) sino también recopilar más información personal que los solicitados.
El año pasado, el investigador independiente Viljami Kuosmanen había señalado cómo, después de un tiempo, el comportamiento de los principales navegadores web, desafortunadamente, no había cambiado.
Al visitar cualquier sitio web y prepararse para completar un formulario en línea, el navegador intenta recordar la funcionalidad de auto -control: al hacer clic en uno de los campos propuestos, el navegador ofrece la posibilidad de elegir los datos personales guardados anteriormente e insertarlos automáticamente , para evitar una nueva inserción del correo electrónico, el nombre y el apellido, los números de teléfono, etc. (aquí se describe la compilación automática de Chrome).
Un sitio web que simplemente requiere una dirección de correo electrónico y un nombre en realidad podría recaudar mucha más información que las que se solicitan explícitamente.
Artículos Relacionados:
