Patrones de diseño en formularios de registro

el 09.07.2008 a las 12:06  por Kr0n· 28 comentarios

Buen par de artículos/encuesta de la gente de Smashing Magaz ine, para sacudirse un poco de encima la fama de "recopilar por recopilar". Han analizado unos 100 sitios donde los formularios importan (o deberían), y han sacado luego una serie de patrones de dichos formularios en formato de estadística. <br>Han decidido empezar por el formulario de registro por ser el primer formulario que se encuentra el usuario, y por lo general el más "mimado"<br><br>Recomendable lectura.<br><br>Parte 1<br>Parte 2

  • Qué interesante!<br><br>Si ampliamos a otros formularios... un estudio interesante:<br><br><strong>Botones en formularios, estudio con Eyetracking</strong><br>http://www.lukew.com/resources/articles/PSactions.asp<br><br>Y otro artículo:<br><strong>Directrices de usabilidad para formularios</strong> http://olgacarreras.blogspot.com/2007/02/formularios-usables-60-directrices-de.html<br><br>En fin, hay muchos artículos sobre este tema :)

  • Yo acabo de encargar varios libros a EE.UU. sobre diseño de interacción, y varios de ellos abordan en profundidad ese tema (lástima la poca literatura que hay sobre este tema en castellano).<br><br>Yo os recomiendo el clásico <strong>No me hagas pensar</strong> (URL), de Steve Krug, y el reciente <strong>Web Form Design </strong>(URL), de Luke Wroblewski (el autor de uno de los artículos que ha citado marta).

  • Sip, ese "URL" tiene muy buena pinta :)

  • Glups, ni me había dado cuenta.... pero no encuentro la forma de que me lo haga bien; así que lo he editado de una forma un poco menos usable :P

  • No si no lo decía en modo irónico. Es que realmente también lo había visto y me pareció muy interesante un libro dedicado a formularios :)<br><br>Aunque yo el de Steve Krug a estas alturas ya no me lo leería, creo que es un poco de evangelización utilizando ejemplos que son de cajón. Ya tenemos que haber superado eso y hablar de cosas más serias, o profundizar más, o llegar al conocimiento práctico más avanzado...

  • <div class="quote">
    <p><cite>txuma</cite></p>
    <blockquote>y el reciente <strong>Web Form Design </strong>(URL), de Luke Wroblewski (el autor de uno de los artículos que ha citado marta).</blockquote>
    </div><br><br>Existe una &lt;a href="http://www.lukew.com/resources/articles/WebForms_LukeW.pdf"&gt;resumen del libro en PDF (4.3MB)&lt;/a&gt; que se puede descargar de forma gratuita desde la propia web del autor<br><br>¡Totalmente recomendable!

  • <div class="quote">
    <p><cite>doblem</cite></p>
    <blockquote>
    <br>Aunque yo el de Steve Krug a estas alturas ya no me lo leería...</blockquote>
    </div><br><br>Tú seguro que no... en todo caso lo escribirías :)

  • <div class="quote">
    <p><cite>txuma</cite></p>
    <blockquote>
    <div class="quote">
    <p><cite>doblem</cite></p>
    <blockquote>
    <br>Aunque yo el de Steve Krug a estas alturas ya no me lo leería...</blockquote>
    </div>
    <br><br>Tú seguro que no... en todo caso lo escribirías :)</blockquote>
    </div><br><br>Ja, ja, no tampoco, aunque ando en otras "escrituras". <br><br>Gracias por el recurso, <strong>big+</strong>!<br><br>Me preguntaba dónde había acabado el artículo de botones en formularios...

  • wow, todo lo posteado es excelente, GRACIAS!

  • Web Form Design, de Luke Wroblewski me ha gustado en general, pero uno se queda un poco con la sensación de haber invertido demasiado tiempo en conceptos demasiado generales. Escribir un libro sobre algo que tenemos tan interiorizado debería apuntar directamente a posibles problemas, márgen de error, diseño para la persuasión (y no sólo la interacción) y otros conceptos más avanzados.

    Me parece un mejor libro para alguien que quiere introducirse en el diseño de interacción en general, que para un diseñador con algo de experiencia que quiera perfeccionar sus formularios.

  • Hay un libro en alemán que es una pasada: Formulare gestalten.

    Es sobre formularios en general, no sólo online, pero, aunque sólo sea por las imágenes (si sabes alemán supongo que se puede aprovechar más :P), merece la pena.

    Un video para que le echéis un ojo: http://www.youtube.com/watch?v=dvOHmts5FNg

  • Missha, tiene una pinta brutal ese libro. ¿No vendrás al FW para echarle un vistazo?

    Abrazos!

  • Missha traete el libro sí no pesa mucho a FW :D

  • jejeje en serio decís lo de llevarmelo? es un poco pesado, pero si queréis lo hecho a la maleta :)

  • Muchísimas gracias por las aportaciones, no conocía lo del señor Luke y me he impreso unas cuantas cosas :D

  • bueno, si es muy pesado tampoco te mates. Te lo convalidamos con que hagas una traducción al castellona de los textos y nos digas donde comprarlo :P

  • Luke Wroblewski tiene un blog bastante chulo:

    http://www.lukew.com/ff/

    Su libro lo tengo en el wishlist. Me da rabia que me digais que no es tan útil porque esperaba bastante de él.

    Otro muy útil: "Defensive design for the web", bastante relacionado con el diseño de formularios:

    http://www.amazon.com/Defensive-Design-Web-improve-messages/dp/073571410X/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1223626431&amp;sr=8-1


  • DamagedGoods
    Otro muy útil: "Defensive design for the web"

    Lo tengo en la estantería junto con otros muchos, pero mi pobre inglés sólo me ha permitido hacer una lectura rápida. Pero tiene muy buena pinta, es cierto.

  • Pues no lo dejes abandonado, txuma. Es muy muy práctico. La estructura es todo el libro es:

    1. planteamiento de idea ("acepta todos los formatos posibles para un campo determinado"), por ejemplo
    2. malas prácticas, con pequeño análisis de por qué está mal
    3. buenas prácticas.

    Se centra en los formularios, aunque habla de todo aquello que puede fallar en un sitio web: páginas 404, búsquedas sin resultado, etc etc.

  • +1 al "Defensive...", yo creo que de verdad merece la pena echarle un vistazo. Como dice DamagedGoods, ofrece ejemplos prácticos que van muy al grano y no se hace pesado. Ha sido el tercer libro que he leído sobre la materia (después del clásico de Nielsen y el "No me hagas pensar") y creo que es el típico libro al que aunque ya sepas del tema (no es mi caso) siempre le sacas detalles interesantes...

  • Un set de Flickr sobre formularios de login:

    http://www.flickr.com/photos/factoryjoe/sets/72157600010029792/#

    Lo subo a recursos también.

  • He posteado en "Recursos" unas cuantas galerías y enlaces que tenía por ahí sobre patrones de diseño, bastante interesantes.

  • Buenos enlaces, gracias DamagedGoods! :D

  • Os dejo un enlace a la galeria de imágenes en flickr de Peter Morville sobre ejemplos de patterns y como dice él anti patterns.
    Es bastante interesante..

    http://www.flickr.com/photos/morville/collections/72157603785835882/

  • Buena colección, Isabel. Thx