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

doblem

doblem el 09.07.2008 a las 23:09

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 :)

txuma

txuma el 10.07.2008 a las 00:57

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).

doblem

doblem el 10.07.2008 a las 10:30

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

txuma

txuma el 10.07.2008 a las 10:37

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

doblem el 11.07.2008 a las 23:33

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...

scuain

scuain el 14.07.2008 a las 14:05

<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!

txuma

txuma el 14.07.2008 a las 18:38

<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 :)

doblem

doblem el 14.07.2008 a las 19:11

<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...

zigotica

zigotica el 14.07.2008 a las 23:24

wow, todo lo posteado es excelente, GRACIAS!

Keko Ponte

Keko Ponte el 07.10.2008 a las 11:29

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

missha el 07.10.2008 a las 12:02

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

txuma el 09.10.2008 a las 11:26

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

Abrazos!

Isabl

Isabl el 09.10.2008 a las 12:30

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

missha

missha el 10.10.2008 a las 02:08

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

Skeku

Skeku el 10.10.2008 a las 09:32

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

txuma

txuma el 10.10.2008 a las 09:41

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

DamagedGoods el 10.10.2008 a las 10:15

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

txuma

txuma el 10.10.2008 a las 11:09


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.

DamagedGoods

DamagedGoods el 10.10.2008 a las 19:14

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

Staff
happywebcoder el 10.10.2008 a las 22:14

+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

DamagedGoods el 13.10.2008 a las 16:17

Un set de Flickr sobre formularios de login:

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

Lo subo a recursos también.

DamagedGoods

DamagedGoods el 13.10.2008 a las 22:51

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

happywebcoder

Staff
happywebcoder el 15.10.2008 a las 12:49

Buenos enlaces, gracias DamagedGoods! :D

Isabl

Isabl el 15.10.2008 a las 13:02

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

txuma el 15.10.2008 a las 13:25

Buena colección, Isabel. Thx

Entra o regístrate para comentar