ExeBlog, desarrollo de videojuegos y más

Blog de Exelweiss dedicado al desarrollo de videojuegos, industria del videojuego, advergaming, juegos online, etc

6 errores clásicos en los formularios de registro.

16 noviembre 2009

Muchos de los esfuerzos de una web van encaminados a que el usuario acabe registrándose. Es la base de toda buena fidelización.

Muchas veces todo el esfuerzo para conseguir este objetivo, se derrumba en el formulario de registro. Estos son algunos errores que he observado (incluso en páginas importantes):

1. Solicitar más datos de los necesarios.

Pide los datos estrictamente necesarios. Es muy tentador recopilar el mayor número de datos, sobre todo la gente de marketing se pirra por esto. Es uno de los factores que más influye en el índice de abandono.

Por ej., se puede eliminar el nombre de usuario (nick) si  basta con la dirección de correo. El usuario siempre puede ampliar la información de su perfil más adelante.

O por ejemplo, si solicitas el código postal, no será necesario preguntar por la ciudad.

2. Campo email no estándar

El campo email debe ser lo suficientemente largo y admitir letras y números, pero también los siguientes símbolos (según especificación RFC):

! # $ % & ‘ * + – / = ? ^ _ ` { | } ~ .

Por ej., Gmail admite como dirección alternativa [tu email]+[cualquier cosa]@gmail.com

3. Marear con las contraseñas

La seguridad es importante, pero no debe prevalecer por encima de la usabilidad. No tiene sentido que algo sea muy seguro si luego nadie lo utiliza.

  1. La contraseña la debe elegir el usuario. Debe tener un mínimo de caracteres, pero no deben ser obligatorios números, símbolos o mayúsculas.
  2. Otro error es no permitir incorporar en la contraseña ciertas palabras, como el propio nick.
  3. Permitir contraseña largas. Si el campo es muy pequeño, es muy difícil darse cuenta si la contraseña se trunca mientras se escribe.
  4. Por defecto, los navegadores ocultan la contraseña con asteriscos. Esto provoca más problemas de usabilidad que beneficios en la seguridad. Se recomienda no ocultar los caracteres de la contraseña o, en todo caso, que el usuario pueda seleccionarlo.

En definitiva, si el usuario cambia la contraseña que había elegido originalmente, hay más probabilidades que en un futuro la olvide.

Si te preocupa la seguridad, lo ideal advertir al usuario sobre el nivel de solidez de su contraseña.

4. Borrar algún campo del formulario.

Una ley no escrita de los formularios dice que: “cualquier selección o campo definido por el usuario es sagrado“. No hay nada que moleste más que rellenar varias veces un mismo formulario porque has cometido un error.

  • Si el formulario devuelve un error, se deberían dejar los campos tal cual los he dejado el usuario, e indicar claramente el tipo de error (con excepción de la contraseña).
  • Nunca borres un campo cuando haces clic en él (en serio, lo he visto en portales con millones de visitas… :-( )
  • Nunca pongas un botón “limpiar/borrar formulario”.

5. No seguir las convenciones

Las convenciones ayudan a la usabilidad. El usuario está habituado a un tipo de estructura en los formularios y reconoce los elementos del mismo.

Pasarse de original o alterar demasiado los competentes de un formulario puede llevar a confusión. ¡Pónselo fácil al usuario! ¡No le hagas pensar!

6. Campos demasiado restrictivos

Haz que sea sencillo introducir la información. Algunos errores comunes:

  • Separar el email en 2 campos, para introducir por separado la dirección (antes de la @) y el domino. (mal)
  • Obligar a poner el número de teléfono sin espacios o con espacios o… (mal)
  • Obligar a poner el número de tarjeta sin espacios o con guiones o en varios campos separados o… (mal)
  • etc.

Por último, algunas recomendaciones…

  • Usar la etiqueta label
  • Evitar poner la descripción de un input dentro del propio campo (por ej., “Escribe tu nombre de usuario”), aunque quede muy cool y ocupe poquito espacio.
  • Validar los campos a medida que se rellenen (con AJAX si es preciso).
  • Validar siempre en servidor todo los campos al enviar el formulario (para los programadores perezosos).
  • Nunca usar Flash si el propio navegador te permite hacer lo mismo de forma nativa.
  • Añadir un campo extra para confirmar el email como en la contraseña (la gente se equivoca a menudo al poner su email)

Hay 6 comentarios.

  • 17:03, 16 noviembre 2009

    Buenos consejos, me los guardo.

  • 20:49, 16 noviembre 2009

    No estoy de acuerdo con lo de mostrar las contraseñas en los formularios. Es muy típico para mucha gente escribir contraseñas con gente alrededor (yo mismo lo hago constantemente cuando estoy en la universidad).

    Sin embargo, sí que me parece un buen avance dar la opción de mostrarla como ya se hace en algunos sitios.

  • 15:32, 20 noviembre 2009

    @miguelSantirso
    A mi también me resultó chocante al principio, pero después de leer el artículo de Nielsen que hay en el post, le encontré cierta lógica…

    Este tio siempre se basa en estudios de usabilidad para confirmar sus conclusiones…

  • 4. Javier
    13:39, 24 noviembre 2009

    Otra opción puede ser permitir ocultarla ;) .

  • 23:21, 2 diciembre 2009

    Muy buenos tips, y muy ciertos tambien…

  • 6. Cindy
    00:40, 30 enero 2010

    Ciertamente molesta cuando redirige a la página por un error y borre algunos campos. Hoy me he intentado registrar en dos foros, y en ambos ponen restricciones respecto a la contraseña, y lo que es peor, hay que esperar a que el administrador del foro active la cuenta. Pff… En el tercero ponían unas imágenes casi imposibles de leer, y ya es demasiado, odio los foros buenos que tienen esos formularios de registro.

    Saludos.


  • icono rss RSS