lunes, 7 de febrero de 2011

Formularios

Ofrecemos una serie de claves para crear formularios más fáciles y agradables. Rellenar un formulario no tiene que ser un suplicio para el visitante.

Resumen:
1. Procura reducir al maximo el numero de campos.
2. Evita los combos.
3. Es mejor si la informacion no se fragmenta demasiado.


1. Reduce al maximo el numero de campos en los formularios
Si en internet siempre estamos hablando de menos es mas, cuando hablamos de formularios, menos es mucho... debemos tender a cero.

A. Procura reutilizar campos:
    Por ejemplo:
    Correo electronico = nombre de usuario.
    DNI = password.
B. Evita formalidades
    Ejemplos de campos que no son realmente necesarios:
    Tratamiento (Don, Sr., Sra.,)
    Tipo de Via (Calle, Camino, ...)
    Fecha de nacimiento (es esto realmente necesario?, si lo es, indica para que lo estas pidiendo)

2. Evita el uso de los combos en los formularios.
1. Es mas rapido escribir que seleccionar la opcion en el combo.
2. La pagina pesa menos. El usuario se la baja mas rapido y acaba antes el proceso.

En la mayoria de los casos es mas rapido escribir el texto que buscarlo en un combo.
Escribir la palabra "España" puede llevar entre 1 y 2 segundos mas o menos, elegirla en un combo donde podemos encontar todos los paises del mundo puede llevar un promedio de 4 y 6 segundos. Si usamos el truco de preseleccionar el pais en el combo, tambien podemos pre-escribir la palabra en el campo de texto.

El unico caso en el que el uso de combos esta justificado es en aquellos en los que la respuesta esta predefinida tipo rangos, valoraciones subjetivas, marcas, etc... pero no lo uses para paises, provincias, numeros, etc...


3. Evitar fragmentar la informacion.
El caso mas tipico es el de la direccion donde por lo general se pinta asi:
    Tipo de via:, Direccion:, Numero:, Codigo postal:...
Este caso a su vez suele estar alimentado con varios combos, con lo que el usuario debe leer cada campo, entender lo que le estan pidiendo y rellenarlo...
Podemos simplificarlo usando una unica linea donde el usuario escriba toda la direccion, como si se tratase de una carta.
    Direccion completa: Calle Martinez Izquierdo N23, 7h.
    Codigo postal: 12002.
De esta forma solo tenemos una linea para el campo "direccion", y luego 3 mas para indicar codigo postal, poblacion y provincia.
El usuario se sentira mas comodo si puede poner lo que quiera y no le obligamos a rellenar cosas prefijadas que a lo mejor no entiende o no se ajusta a su caso particular.

Luego quizas quede destacar el caso de algunos bancos donde el campo "profesion" obliga al usuario a elegir una opcion de la lista que el banco dispone, haciendo uso de un buscador, codigos de profesion, etc, etc... Realmente no es recomendable. El beneficio que pueda dar esta informacion frente al engorro que produce al usuario no tiene equivalencia.

Con estos breves consejos podemos pasar de un formulario con 16 campos a 8 y disminuir el peso de la pagina a la mitad.

Resumen
Reducir, reciclar, reutilizar.
Para Comentar Elige el Sistema de Comentario de tu Agrado:
comentarios google
comentarios blogger
comentarios facebook

Comparte este post con tus amigos!

...o también puedes seguir el blog en:

No olvides suscribirte, para recibir todas mis actualizaciones, directamente a tu email.

Ingresa tu correo electrónico:

Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.

0 comentarios:

Comparte tu opinión con los demás, deja un comentario. ↓

Los comentarios son moderados, si contienen insultos o son ofensivos no se publicaran.

Es muy importante saber tu opinion sobre lo que se publica en este blog asi que POR FAVOR DEJA TU COMENTARIO.

Comentar es facil, simplemente escribe tu comentario en el cuadro de abajo, trata de comentar con tu perfil abilitado o donde dice Comentar como: selecciona Nombre/URL escribes tu nombre y listo!! (URL puede dejarse en blanco)

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t Add smileys to Blogger +

 

©2009 - 2013 Pichujitos | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑