Patrones de diseño en formularios de registro
12 seguidores
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.
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"
Recomendable lectura.
doblem
Qué interesante!
Si ampliamos a otros formularios... un estudio interesante:
Botones en formularios, estudio con Eyetracking
http://www.lukew.com/resources/articles/PSactions.asp
Y otro artículo:
Directrices de usabilidad para formularios http://olgacarreras.blogspot.com/2007/02/formularios-usables-60-directrices-de.html
En fin, hay muchos artículos sobre este tema :)
txuma
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).
Yo os recomiendo el clásico No me hagas pensar (URL), de Steve Krug, y el reciente Web Form Design (URL), de Luke Wroblewski (el autor de uno de los artículos que ha citado marta).
doblem
Sip, ese "URL" tiene muy buena pinta :)
txuma
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
doblem
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 :)
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...
scuain
txuma
y el reciente Web Form Design (URL), de Luke Wroblewski (el autor de uno de los artículos que ha citado marta).
Existe una <a href="http://www.lukew.com/resources/articles/WebForms_LukeW.pdf">resumen del libro en PDF (4.3MB)</a> que se puede descargar de forma gratuita desde la propia web del autor
¡Totalmente recomendable!
txuma
doblem
Aunque yo el de Steve Krug a estas alturas ya no me lo leería...
Tú seguro que no... en todo caso lo escribirías :)
doblem
txuma
<div class="quote">
doblem
<blockquote>
Aunque yo el de Steve Krug a estas alturas ya no me lo leería...</blockquote>
</div>
Tú seguro que no... en todo caso lo escribirías :)
Ja, ja, no tampoco, aunque ando en otras "escrituras".
Gracias por el recurso, big+!
Me preguntaba dónde había acabado el artículo de botones en formularios...
zigotica
wow, todo lo posteado es excelente, GRACIAS!
Keko Ponte
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.
missha
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
txuma
Missha, tiene una pinta brutal ese libro. ¿No vendrás al FW para echarle un vistazo?
Abrazos!
bluejay Plus
Missha traete el libro sí no pesa mucho a FW :D
missha
jejeje en serio decís lo de llevarmelo? es un poco pesado, pero si queréis lo hecho a la maleta :)
Skeku
Muchísimas gracias por las aportaciones, no conocía lo del señor Luke y me he impreso unas cuantas cosas :D
txuma
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
DamagedGoods Plus
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&s=books&qid=1223626431&sr=8-1
txuma
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.
DamagedGoods Plus
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.
happywebcoder
+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...
DamagedGoods Plus
Un set de Flickr sobre formularios de login:
http://www.flickr.com/photos/factoryjoe/sets/72157600010029792/#
Lo subo a recursos también.
DamagedGoods Plus
He posteado en "Recursos" unas cuantas galerías y enlaces que tenía por ahí sobre patrones de diseño, bastante interesantes.
happywebcoder
Buenos enlaces, gracias DamagedGoods! :D
bluejay Plus
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/
txuma
Buena colección, Isabel. Thx