Cómo diseñar un formulario de contacto

Clientes 2 Comentarios »

En la mayor parte de las páginas web habidas y por haber va a aparecer un formulario de contacto.

Veamos 10 ideas a tener en cuenta para ofrecer a los usuarios un formulario de contacto completo y práctico:

  1. Alcance: Incluir dos o tres líneas previas a los campos que le indiquen al usuario para qué sirve el formulario (por ejemplo “Si tiene alguna queja, duda o sugerencia complete el siguiente formulario”).
  2. Campos alineados a la izquierda: A causa de nuestra lectura occidental, es interesante que todos los campos del formulario comiencen a la misma altura y se alineen en su parte izquierda. El usuario podrá conocer cuántos y qué campos debe rellenar con mayor facilidad.
  3. Pocos campos: Cuanta menos información solicitemos, menos tiempo tardará el usuario en completar el formulario y, por lo tanto, mayor número de consultas recibiremos.
  4. ¿Cuáles son obligatorios?: En el caso de formularios con un número considerable de campos (más de 5 ó 6 campos) será aconsejable indicar cuáles de estos campos debe rellenar el usuario de manera obligatoria.
  5. Ayuda contextual: El usuario conoce qué debe indicar en cada campo en función del nombre del mismo. Nunca viene mal incluir cerca del campo (debajo del mismo, por ejemplo) una línea que especifique con más detalle qué se espera que el usuario introduzca en el campo. Incluso podemos acompañar esta explicación con algún ejemplo válido.
  6. Simple – una única llamada a la acción: Evitar el uso de muchos botones. Sólo debe haber una acción a llevar a cabo: enviar el formulario. Esto quiere decir que no es aconsejable acompañar con botones Limpiar, Resetear, Cancelar, …
  7. Orden lógico: Los campos debieran aparecer en un orden razonable. No solicitar, por ejemplo, el correo electrónico antes que el nombre o el código postal antes que la dirección postal.
  8. Cursor y tabulador: El cursor aparecerá en el primer campo del formulario y avanzará de un campo a otro mediante el tabulador (en el orden en el que aparecen los campos).
  9. Política de privacidad: Siempre indicar al usuario qué haremos con los datos recopilados.
  10. Datos de contacto: Para los casos en los que el usuario no se atreva a enviar el formulario, incluir también los datos directos de contacto con la empresa (al menos, correo electrónico).
  11. Validación automática: Y aunque hemos prometido que erán 10 aspectos, aquí va el de regalo. Más de cara a nuestra organización interna, será recomendable revisar qué información ha indicado el usuario y comprobar su validez (por ejemplo, en el caso de un campo para el correo electrónico, ¿el contenido introducio es un correo electrónico válido?). Ante cualquier error, avisaremos al usuario con un mensaje de error comprensible. De esta manera, evitaremos perder consultas por datos erróneos.

La regla de los tres clicks

Usabilidad 1 Comentario »

¿Conoces la regla de los tres clicks?

Se trata de una pauta de usabilidad web y arquitectura de la información que nos viene a decir que desde cualquier contenido de un sitio web a cualquier otro contenido de dicho sitio deben existir, como máximo, tres clicks de distancia (tres enlaces).

¿Es muy importante?

En el fondo, se trata de una pauta que hace un tiempo tenía cierto sentido. Hoy en día ya no tanto: ¿debemos diseñar la interacción de un sitio web siguiendo una arquitectura basada en un árbol de tres niveles (página de inicio, secciones y subsecciones)?

Por allá por el 2003, J.Porter realizó un estudio en el que se deja en entredicho esta  regla. Los resultados (basados en unos 8000 clicks)  se resumen en los siguientes gráficos:

Tasa de éxito en función del número de clicks por tarea

Tasa de éxito en función del número de clicks por tarea

Grado de satisfacción del usuario en función del número de clicks por tarea

Grado de satisfacción del usuario en función del número de clicks por tarea

Es decir:

  • El éxito o el fracaso de una tarea llevada a cabo en una web no depende del número de clicks que requiere dicha tarea
  • El grado de satisfacción del usuario tampoco depende de este factor (un usuario puede frustrarse cuando el número de obstáculos planteados es considerable)

Moraleja

Cuando diseñamos una nueva web, es necesario valorar las necesidades de los usuarios y cubrirlas con una arquitectura sencilla e intuitiva (más allá de la cantidad de clicks que necesitan para lograr sus objetivos).

¿Cómo se logra esto? Como siempre, una frase que me gusta mucho: probando, probando, probando y, por si fuera poco, probando

Fuente: La regla de 3 clics

Fuente original: Testing the Three-Click Rule

Checklist para tests heurísticos

Usabilidad Sin Comentarios »

Ya hemos comentado anteriormente qué es eso de un test heurístico. Incluso comentamos más de un listado de elementos a testear. Continuamos con la tónica y comparto un checklist compuesto por 247 pautas de usabilidad web para tests heurísticos que han elaborado en User Focus:

Se trata de una colección muy amplia de aquellos aspectos relevantes a la usabilidad web que todo consultor en usabilidad debe tener en cuenta.

Como ya avisan, lo más importante es contextualizar el test heurístico. Es decir, realizar la evaluación de manera coherente al sitio que estamos chequeando y sus objetivos. Aquellos elementos no aplicables se ignoran; y aquellos aplicables se priorizan según el impacto que tenga el error en el sitio web concreto.

Un buen material de apoyo para evaluar la usabilidad de un sitio web e incluso para preparar el desarrollo de una web nueva con las bases ya asentadas.

Actualización:

WP Tema & Iconos por N.Design Studio
Entradas RSS Comentarios RSS Acerca de Contacto Aviso legal Mapa del sitio