Formularios web con apariencia de formularios de papel

Experiencia de usuario
23/10/2005
|
Daniel Torres Burriel
Escritorio redondo con laptop, gafas, planta, celular, lápices y unas manos de mujer tecleando.

Editsite.net es un sitio web que tiene, en un momento de su navegación, un formulario de alta de usuarios. Esto ni es novedad, ni es noticia, ni debería tener nada de especial. Pero da la casualidad de que no pasa desapercibido el hecho de que cuando veo el formulario, y más concretamente cómo han dispuesto la estética de sus campos, no puedo sino quedar extrañado porque han tratado de emular una plástica cercana a los formularios de papel, cuando el medio en el que está planteado es la web.

Lo mejor es verlo: Create a free 14 day test site. Y sino, pongo en pantallazo de lo que nos ocupa.

Formulario web con apariencia de papel

Independientemente de los criterios de evaluación, siempre subjetivos, que tienen que ver con lo plástico, me parece que no es la mejor elección la de simular un formulario de papel cuando estamos ante un formulario web.

Si nos paramos a analizar los componentes que le hacen parecer un formulario de papel, encontramos:

  • Ausencia de elementos separadores o agrupadores de campos
  • Uso de lineas de base como objetos receptores de los datos del usuario
  • Ausencia de controles para borrar campos del formulario

Por el contrario, hay elementos que muchas veces se traen a la memoria cuando se trata de hacer formularios usables y sencillos en su utilización por parte de los usuarios:

  • Se indica claramente qué campos son de obligado cumplimiento
  • Hay una pequeña ayuda contextual que resuelve las pequeñas dudas que puedan surgir en su cumplimentación
  • Se va al grano y no se despista la atención del usuario con elementos superfluos

Y con esa mezcla de elementos, la sensación final que me queda es la de que han perdido una gran oportunidad de hacer un formulario de manual. De esos que luego se ponen como ejemplo de buenas prácticas.

Me queda la duda de si es una sensación personal o realmente puede decirse que no es la mejor opción tratar de simular un formulario de papel cuando estamos en un medio web. ¿Alguien tiene una opinión al respecto que quiera compartir?

En Torresburriel Estudio apoyamos el rediseño de tu producto digital con un proyecto de acompañamiento donde aplicamos metodologías de diseño centrado en el usuario. Contacta con nosotros y cuéntanos tu proyecto. Te enviaremos una propuesta adaptada a tus necesidades y presupuesto.

¿Quieres darnos tu impresión sobre este post?

4 respuestas a “Formularios web con apariencia de formularios de papel”

  1. Estoy tan acostumbrada a las cajas de formularios, que probablemente pensaría que no es un formulario y que habría que imprimirlo y mandarlo en papel.

  2. Cuando lo vi hace unos días, me resultó bastante curioso.

    A veces, si quieres encontrar ese «punto» de diseño que te haga diferente al resto puedes cometer el error de hacer algo que es ampliamente reconocido (como es el caso de un campo de un formulario web) y usable, en algo irreconocible e inaccesible, casi invisible.

    Por lo demás, como no todo tiene que ser negativo, el sitio me gustó bastante. Unos colores muy agradables, sobre todo el elegido para fondo, y con una estética muy sencilla, nada recargada.

    Lástima lo del formulario.

  3. Interesting commentary. Yes, it’s an experiment. Boxes are generally very suitable in forms (for example I have used them elsewhere on the site) but this registration form tries to be a bit nicer and more provocative than the norm – just to lure people into registering :-). I’m not sure if it hinders the usability, but I might just try to change the fields into normal boxes and see if it affects the amount of people who fill the form.

    As for the CMS, the form feature is not the main point of it anyway, the main point of the whole service is just trying to be useful and it includes a few things.

    P.S. I had to use Google language tools to translate the blog posting into English, so I hope I got most of it right. Those translation tools produce some creative language….

Deja una respuesta

Aquí va tu texto personalizado.

Blog

Nos encanta compartir lo que sabemos sobre diseño de producto y experiencia de usuario.
Ver todo el blog
Puedes consultarnos lo que necesites
Envíanos un mensaje
Nombre
Email
Mensaje
Gracias por escribirnos. Nuestro equipo se pondrá en contacto contigo tan pronto como sea posible.
Ha ocurrido un error. Estamos trabajando para resolverlo. Puedes escribirnos al chat.
Mastodon