Monday, February 23, 2009

Ceguera a los banners, cómo se produce este fenómeno psicológico

Resumen: La ceguera a los banners es un fenómeno causado por mecanismos psicológicos. Esta ceguera es independiente del contenido de los banners o de la segmentación del usuario objetivo, porque es producida unicamente por el formato del banner. Aunque la ceguera a los banners es citada frecuentemente, no es por todos conocido su funcionamiento real y que este fenómeno explica también una parte importante del comportamiento de los usuarios en Internet.

Cuando un estimulo aparece de forma repetida y frecuente nos insensibilizamos a él. Ello es causado un mecanismo neuronal muy primitivo que existe incluso en animales poco evolucionados. Por ejemplo, si nos pegan 50 pellizcos en el brazo a partir del quinto la sensación de pellizco disminuirá sensiblemente, a partir del décimo casi no sentiremos nada y a partir del vigésimo, nada de nada.

El reflejo de orientación es un mecanismo de defensa que nos hace girar la vista en dirección a cualquier ruido, cosa que se mueva o sea de vivos colores. Este reflejo de orientación es un mecanismo producido por la evolución humana para defenderse de agresiones externas. Hoy en día este mecanismo sirve para poco, pero se muestra, por ejemplo, cuando se abre una puerta y se gira la cabeza en esa dirección. Sin embargo en una habitación donde constantemente entra gente por una puerta al poco tiempo se dejará de girar la cabeza en dirección a la puerta.La desensibilización ocurre de forma más acelerada si la información es irrelevante, es decir, no importa quién entra.

La identificación de los banners se produce por la creación en los usuarios de un esquema perceptivo que a través de determinadas claves visuales de los banners (forma, características, imágenes, fondo llamativo, posición en la página, etc.) permite descartarlos como información a analizar. Esta ceguera visual sirve a los usuarios para discriminar entre contenido de posible utilidad (contenidos reales del sitio) y contenido de nula utilidad (generalmente publicidad). La ceguera es posible debido a este formato llamativo de la publicidad (que proporciona esas claves visuales identificativas).

Lo mismo ocurre con los banners, al principio no es posible quitarles el ojo de encima, pero finalmente los usuarios se vuelven "ciegos" a ellos. Pero no se produce una ceguera a los banners como tales, simplemente se aprenden unas claves visuales para descartar la información irrelevante. La principal de estas claves visuales apunta a la parte superior de la pagina, puesto que esa es la característica más repetida de un banner. Así se aprende a no prestar atención a esa parte de la pagina. Por supuesto si el banner se cambia a la parte inferior de la pagina, recibirá más atención, hasta que finalmente se aprenda a no prestar atención a la parte inferior. Con el reflejo de orientación sucede exactamente igual, si en vez de abrirse la puerta a la derecha (a la que se es insensible), se abre la puerta de la izquierda, se giraría la cabeza de nuevo. Si la nueva puerta se abriese constantemente aparecería la insensibilidad de nuevo.

Los contenidos de los banners

La falta de contenidos útiles y de interés en la publicidad contribuye al origen de la ceguera e induce a los usuarios a descartarla, pero no es una gran diferencia con los otros medios de comunicación. En la radio, la televisión o la prensa, la publicidad raramente nos es útil, pero no existe forma de evitarla.

La diferencia es que en Internet existe una manera de identificar la publicidad, ignorarla y seguir prestando atención al resto de contenidos de interés: su formato chillón, llamativo y muy diferente del formato de los contenidos reales del sitio permite crear el esquema perceptivo antes comentado. Ahí están las claves visuales, en el formato de la publicidad.

Algunos diseñadores suponen que la ceguera a los banners ocurre solo si el banner es irrelevante para el usuario, pero no si el banner es relevante y solo aparece cuando esta muy relacionado con el objetivo o el perfil del usuario. Esto es parcialmente cierto. Si los sitios web hubieran actuado así desde el principio la ceguera a los banners nunca se hubiera producido o no hubiese sido tan acentuada. Pero ha ocurrido exactamente lo contrario, cuanto más ceguera producían los banners, más llamativos y animados se diseñaban para contrarrestarla. Todo ello generó un efecto rebote, a banner más llamativo más rápidamente insensible se volvía la atención a ellos y desarrolló nuevas claves visuales para identificar la información irrelevante. Por esta razón aunque algunos sitios web usen los banners correctamente, los usuarios ya han aprendido a evitar los banners y seguirán aprendiendo, puesto unos pocos diseñadores no pueden cambiar el banner estándar, ni hacer desaparecer la ceguera a corto o medio plazo. La ceguera a los banners es actualmente independiente de los contenidos de los banners.

La influencia de los usuarios noveles

Algunos sitios afirman conseguir tasas de "click-through" demasiado altas para creer que el fenómeno de ceguera a los banners sea universal. Esta afirmación es también parcialmente cierta, la tasa debería ser ridículamente baja si todos los usuarios fueran ciegos a los banners (y en muchos sitios lo es), pero la ceguera a los banners tiene un periodo de aprendizaje que requiere tiempo. Los usuarios noveles de internet no son ciegos a los banners porque aun no han navegado lo suficiente como para desarrollar la insensibilización (aún están en los primeros pellizcos). Al cabo de un tiempo los usuarios se volverán ciegos, aunque actualmente la cantidad de usuarios noveles navegando por Internet es tan que mantienen las tasas de "click-through" en niveles demasiado altos. A pesar de ello, llamar la atención de esos usuarios noveles no es interesante económicamente porque estos raramente se registran o compran en Internet ya que aún no han desarrollado la suficiente confianza en el medio.

Nuevos formatos de banners

Muchos autores optan por crear banners más grandes, con diferentes posiciones en la pagina, de formas diferentes, etc. Todo ello sube fugazmente la efectividad de la publicidad, porque se produce un cambio en el formato y por lo tanto en las claves visuales que ayudan a identificar los banners. Como resultado el esquema perceptivo que identifica banners y los descarta ya no funciona igual de bien. Sin embargo, la mayor efectividad de esta publicidad es fugaz porque estos nuevos formatos son lo suficientemente llamativos (contienen muchas claves visuales) y en poco tiempo el esquema perceptivo aprende distinguirlos y a descartarlos.

Posible solución

La única solución actualmente consiste quitar claves visuales a la publicidad, no hacerla llamativa, para que sea lo más difícil posible para los usuarios identificarla con el esquema perceptivo "descartador" de publicidad. Quitar estos elementos llamativos a la publicidad significa en la práctica que se parezca a los contenidos reales del sitio, así se provocaría que cuando el usuario buscase información leyese la publicidad.

Sin embargo, con el uso de esta solución se deben de tener muy claros dos puntos:

a) Por un lado la publicidad debe estar identificada como tal por un subtítulo identificativo, para no tratar de hacer pasar publicidad como contenido real del sitio (en otros medios está regulado legalmente. Si se intenta confundir la publicidad con contenidos, los usuarios quedarían frustrados por la estrategia del sitio y su actitud sería muy negativa hacia el sitio.

b) Por otro lado se ha de comprender que Internet no es un medio donde la publicidad pueda ser introducida de manera indiscriminada, es decir, sin relación con los objetivos del usuario en esa página. Al introducir publicidad de manera indiscriminada los usuarios terminarán desarrollando ceguera también al nuevo formato de publicidad, que aún conteniendo un número mínimo de claves visuales, tendrá las suficientes para que a medio plazo los usuarios terminen ignorándola. Es responsabilidad de todos los sitios que esta estrategia se utilice con estas recomendaciones, puesto que si un sector suficientemente grande de sitios comienza a utilizarla indiscriminadamente, ello generará aprendizaje en los usuarios y terminará afectando a los sitios que solo ofrecen publicidad de forma honesta. El abuso en esta nueva estrategia de publicidad sería como matar la gallina de los huevos de oro y sería dar un paso hacia adelante y dos hacía atrás. Google ha comprendido esta estrategia parcialmente en la parte del formato y relación con los objetivos del usuario, pero no en la del abuso, para muestra un botón (vía Cesar Martín).

Otros argumentos

Es posible afirmar que todo lo anterior es pura teoría, pero que muchos de los estudios realizados hablan de la efectividad de los banners. Contra esto se pueden argumentar dos razones:

1- Los estudios sobre la efectividad de los banners deberían tener en cuenta como variable independiente el tiempo de experiencia de los usuarios en Internet. Hasta ahora poco estudios han tenido en cuenta esta variable. La mayoría de estudios intentan analizar la efectividad de los banners sin hacer referencia al tiempo de experiencia usando Internet de los usuarios. Sin embargo ésta es la variable principal en el desarrollo de la ceguera a los banners. Si no se considera esta variable el estudio carece de validez puesto que no sabremos si los usuarios prestan atención a los banners porque son noveles o no.

2- Los banners son la fuente de ingresos principal de muchos sitios web y lo que da trabajo a mucha gente, casualmente los mismos que se reconvierten a especialistas en usabilidad y realizan estos estudios. Sería la primera vez que alguien tirase piedras sobre su propio tejado.

Referencias:

- Panero, J. y Lane, D.M. Banner Blindness: Web Searchers Often Miss "Obvious Links" . Internetworking.

- Norman, D. Commentary: Banner Blidness, Human Cognition and Web Design. Comentarios de Norman al estudio anterior de Panero y Lane sobre la ceguera a los banners.

- Martín, C. El banner perfecto. Cesar Martín da consejos para reducir la ceguera y producir banners efectivos, aunque en mi opinión sus consejo serán solo efectivos a corto plazo.

- Martín, C. Encuesta sobre efectividad de los banners. Los resultados indican que los usuarios son ciegos a los banners en un 74,8% y si bien desconfío mucho de las encuestas como métodos de investigación fiables en usabilidad colaboré en la elaboración del cuestionario.

- Pagendarm, M. y Schaumburg, H. Why Are Users Banner-Blind? The Impact of Navigation Style on the Perception of Wb Banners. El estilo de navegación, con o sin objetivo, produce mas o menos ceguera a los banners, pero ¿existe la navegación sin objetivo en Internet?

Artículos relacionados

- Manchon, E. Crítica metodológica al estudio: "Just How Blind Are We to Adverstising Banners on the Web?". Un artículo que niega la ceguera a los banners, pero que tiene graves deficiencias metodológicas.


Fuente: Ainda.info



Wednesday, February 18, 2009

25 Maneras de ser más productivo como diseñador

La verdad es que no hay nadie perfecto y nadie lo será, pero la vida se trata de mejorar uno mismo y ser lo más productivo que sea posible con el tiempo que se le ha asignado. Frecuentemente el trabajo consume nuestras vidas, pero si podemos ser más productivos en el trabajo y adoptar buenas hábitos, nuestra vida personal, en teoría, debería mejorar también.

Esta lista fue creada para ayudar a inspirarle para dar un rendimiento máximo en sus días de trabajo, involucrarse más en su carrera y ser, por tanto, un diseñador saludable y productivo como persona. Siéntase libre de agregar sus propias sugerencias a la lista que sigue debajo.


1.- Realice todo lo posible en su viaje al trabajo.

Si le toma un tiempo llegar a su trabajo la mayoría de las veces. Lea un libro, tenga su laptop a mano para empezar a trabajar, incluso planee su día

2.- Tenga una lista de tareas.

Mantener una lista de tareas le asegura recordar todo lo que necesita hacer. Organice su lista de tareas por importancia y tache las cosas realizadas, pero acepte el hecho de que la lista probablemente nunca terminará

3.- Familiarícese con los atajos de teclados de la suite de Adobe.

Aprenderse los principales hotkeys (atajos de teclado) para programas como Photoshop e Illustrator puede ayudarle a ahorrar muchas horas a la larga.

4.- Mantenga el software de su computadora actualizado, libre de virus y spyware.

Como los diseñadores usan computadoras diariamente, es importante estar seguros que den su máximo desempeño, cerciórese de actualizar su computadora por lo menos una vez a la semana

5.- Busque distintas fuentes de inspiración

La inspiración forma gran parte de cualquier carrera artística y existe una buena cantidad de lugares para encontrar inspiración como exhibiciones de diseño, museos, portafolios online y galerías de diseño gráfico

6.- Involúcrese en la comunidad del diseño

Unirse a foros de diseño, comentar en blogs, escribir artículo y hablar en seminarios son solo unas formas de involucrarse en la comunidad del diseño.

7.- Vaya a eventos de diseño, exhibiciones y centros de aprendizaje.

Cada año hay muchas conferencias sobre diseño, eventos y cursos de entrenamiento. Si trabaja para una compañía, incluso le pagarán los gastos para que asista, así que mantenga sus habilidades al día.

8.- Lea libros sobre historia y teoría del diseño

La cantidad de libros de diseño es sorprendente, así que escoja un tema de interés como teoría del diseño y consiga algunos libros para leer en su tiempo libre. Un gran libro es “How to be a graphic designer without losing your soul” (como ser un diseñador gráfico sin perder su alma).

9.- Lea entrevistas de otros diseñadores gráficos

Las entrevistas frecuentemente nos dan ideas y revelan muchos secretos y grandes tips acerca de diseñadores exitosos. Es asombroso lo mucho que se puede aprender incluso de las entrevistas más breves.

10.- Únase a organizaciones de diseño gráfico

Unirse a organizaciones de diseño gráfico le puede traer grandes beneficios y es una manera de conseguir acceso a recursos y contactos. La Graphic Artist Guild (gremio de Artistas Gráficos) y la AIGA son tan solo algunas de las organizaciones a las que debería considerar unirse.

11.- Aprenda a aceptar las críticas constructivas.

Es un problema con muchos estudiantes de diseño e incluso en el ámbito profesional. Cuanto más pronto deje de tomar las críticas constructivas de forma personal, será el tiempo que le tomará mejorar como diseñador.

12.- No tenga miedo de pedir ayuda.

Si no sabe como hacer algo, no gaste su tiempo tratando de hacerlo. Amablemente pregunte por ayuda, así podrá seguir con sus actividades.

13.- Aprenda a comisionar trabajo y tareas a otros.

Si usted tiene más trabajo de lo que puede realizar, es una buena idea enviar algo del trabajo a alguien de confianza .El proyecto final tendrá un mejor resultado si usted trabaja en equipo y encarga tarea a otros.

14.- Use “Google Reader” y haga seguimiento a blogs de diseño

“Google Reader” es un gran lector RSS online que le permitirá dar seguimiento fácilmente a sus blogs de diseño favoritos.

15 .- Use Google Calendar para mantenerse al tanto de eventos importantes.

Google Calendar es un asombroso calendario/agenda online y además gratuito, le ayudara a organizar todas sus actividades importantes.

16.- Configure su cliente de email.

Ver los mails cada 5 minutos puede llegar a ser una gran distracción. Así que cheque su email a ciertas horas por lo que realizará más de su trabajo día a día.

17- Haga contratos estándar para los clientes

Es una buena idea tener un abogado que le ayude a crear una seria de contratos estándar con anticipación, así estará preparado y no tendrá que preocuparse o perder tiempo en hacer contratos posteriormente.

18.- Haga una factura estándar y plantillas de presupuesto.

Tener una factura bien diseñada y una plantilla de presupuestos es ser profesional y pueden ser personalizadas para cualquier cliente nuevo, asegúrese de imprimir copias para sí mismo como referencias.

19.- Haga etiquetas de correo

Escribir tantos años en la computadora ha estropeado mi escritura a mano y tener etiquetas de correo no solo me soluciona lo de mi fea escritura, incluso ahorra tiempo.

20.- Organice todos sus documentos una vez a la semana

En estos días el papeleo se puede apilar muy rápido si es que se deja, organizar todo de nuevo puede ser una pesadilla. Use un archivador que esté clasificado para poder organizar los documentos importantes.

21.- Organice los archivos de su computadora una vez a la semana

Organizar los archivos de computadora es incluso más importante que organizar el papeleo. Debe tener carpetas y sub-carpetas para cada cliente y crear diariamente copias de respaldo en diferentes dispositivos externos.

22.- Desarrolle un sistema de organización

Organizar sus archivos en una forma especifica, le hará más fácil navegar y buscar por documentos cuando los necesite rápidamente.

23.- Trate de mantenerse los fines de semana relajado y libre de trabajo

Es fácil ser consumido por su trabajo y mantener los fines de semana libres es una buena forma de asegurarse en no decaer. Así que no se olvide de disfrutar la vida en los fines de semana!

24.- Ejercítese diariamente y salga por un poco de aire fresco a la hora del almuerzo.

Este punto siempre forma parte en las listas de productividad, aunque mucha gente no lo realiza. Puede ser difícil ajustarse pero tan solo 20 minutos de ejercicio 3 veces a la semana pueden tener un gran impacto en su salud.

Fuente: http://noticiasda.wordpress.com/2009/01/22/25-maneras-de-ser-mas-productivo-como-disenador/

Thursday, December 18, 2008

La usabilidad es lo que nos permite hacer un diseño centrado en el usuario

Se llevaron a cabo las 4º Jornadas de Entornos Digitales, sobre usabilidad, una disciplina que evalúa si un servicio, sistema o producto tiene facilidad de ser utilizado con eficiencia, sin errores y con satisfacción por el usuario. En este encuentro se trató el tema de la usabilidad vinculada al diseño web, arquitectura de la información, diseño centrado en el usuario y diseño de interacción.

La apertura estuvo a cargo de Eduardo Mercovich, consultor y fundador de GaiaSur inSpiro: “El concepto de usabilidad es que tan fácil, rápido y agradable se puede ofrecer un servicio. Esto ya no es un tema de culto de algunos, revistas y empresas ya hablan sobre esto”. Comentó acerca del objetivo de ofrecer un buen servicio: “Significa dejarse a uno de lado y comenzar a trabajar con el otro. Hacerle la vida un poco mejor en algunos aspectos”. Explicó que al diseñar un proyecto se debe construir, medir y hacer un test de usabilidad con posibles usuarios: “Se debe entender al usuario, ir a ver dónde está, qué hace, no sólo verlo en un laboratorio”.

Gonzalo Auza, Director de Inter-Cultura, comenzó preguntando si la usabilidad es un gasto o una inversión. Y enumeró cinco variables que debe tener una página web para funcionar correctamente: “Facilidad de uso, eficiencia, recordabilidad, baja tasa de errores e inversión. La usabilidad es lo que nos permite hacer un diseño centrado en el usuario. Hay un método riguroso detrás de la usabilidad y una disciplina establecida, esto se debe conseguir en el desarrollo y no en el diseño”. Con respecto a los costos comentó: “Se necesita una plena planificación en todas las decisiones empresarias. Hoy en día estudios de casos en grandes empresas promovieron mejoras del 104 por ciento. La mejora es perceptible año a año”. Y por último expresó: “La usabilidad permite beneficiar a las empresas y a los usuarios, lo cual no es muy común. Además tiene un alto retorno de la inversión”.

Edgardo Sokolowicz, Director de tecnología de Despegar.com, habló acerca de los errores típicos de un sitio Web: “Suelen tener muchos banners, el botón de compra está escondido y en los formularios se pide que completen datos que luego la empresa no usa ni necesita. Es muy normal ensuciar las páginas y hacerlas poco claras”. Específicamente sobre usabilidad dijo: “La gente que trabaja en esa área es la representante de los usuarios, deben descubrir y defender sus intereses y necesidades. Detectar cuales son las situaciones que generan malas experiencias, como ser errores de búsqueda, formularios confusos y alto tiempo de respuesta. Hay que testear y saber todo lo que pasa en la aplicación, saber qué están haciendo los clientes”. Con respecto a la forma de trabajar de la empresa de viajes comentó: “En Despegar vemos las sugerencias de los usuarios, observamos que hay una evolución y se hacen muchas más transacciones de las que suponemos”. Sobre la privacidad al comprar por Internet dijo: “Para mí es más seguro comprar online que llevar la tarjeta en la billetera”.

A continuación representantes de las empresas Psicofxp.com, Tenaris y MercadoLibre contaron acerca de sus experiencias: “Con el tiempo integramos el concepto de usabilidad y nos dimos cuenta que necesitábamos una consultora. Hacer algo muy lindo y revolucionario, pero que la gente no sepa usarlo no es bueno”, expresó Maximiliano Kraszewski, CTO de Psicofxp.com.

Juan Manuel Carraro, Director de C Comunicación, la empresa contratada por Psicofxp, explicó cómo fue el proceso de trabajo y reestructuración de la web: “Lo primero que se hizo fue identificar los perfiles de usuario, encontramos cinco muy distintos. Uno de ellos eran los que llegaban a la página a través de una búsqueda en Google, y en la otra punta teníamos un perfil de usuario totalmente fidelizado con la empresa”. Luego construyeron las tareas que realiza cada tipo de usuario, armaron una matriz de usuarios y tareas y para cada una el tiempo y las páginas que visitaban. “Después vimos el tema del contenido y la cantidad de botones que tenía que haber en la botonera principal. Después sugerí testearlo, pero no se hizo”. Al respecto Maximiliano dijo: “Si, por cuestiones de tiempo no pudimos hacerlo y me arrepiento muchísimo de eso”. Y por último agregó: “Una vez que se incorpora la usabilidad a la empresa es muy difícil deshacerse de ella”:

Luego, Gabriel Celemin, Socio de Giro54, explicó el caso de la empresa Tenaris: “El objetivo era aumentar la cantidad de curriculums recibidos mediante su sitio corporativo. La primera etapa fue de investigación y análisis. Lo más importante era conocer a los usuarios. Como no teníamos acceso a los postulantes hicimos entrevistas a estudiantes y graduados de carreras afines a las búsquedas que hacía la empresa. Así logramos tener un perfil del usuario”. Los resultados del trabajo fueron el aumento del tiempo de visita a la página y la disminución de la tasa de abandono durante la carga del curriculum.

Eduardo Mercovich, de GaiaSur inSpiro y Matías Gaviño, de MercadoLibre, hablaron acerca del trabajo que hicieron en la página: “El público de MercadoLibre es enorme. Lo primero que hicimos fue traer usuarios y ver por qué era tan difícil para ellos vender un producto mediante la página. Ver cómo operan los usuarios te abre mucho la cabeza, al trabajar con datos y problemas reales pudimos modificar varias cosas, creamos una versión nueva. A veces nosotros estamos tan metidos que perdemos objetividad. Los resultados fueron asombrosos, todavía estamos en el proceso de desarrollo, en poco lo vamos a lanzar a la comunidad”, contó Matías Gaviño. Mercovich comentó acerca de la experiencia de trabajo: “La primera semana trabajamos en papel los diseños de los prototipos. La segunda etapa fue hacer el diseño, pero sin colores y sólo en dos tipografías. Después lo testeamos con usuarios. Lleven siempre usuarios y véanlos trabajar con lo que ustedes hicieron”.

Enrique Stanziola, responsable de usabilidad en Despegar.com, comentó: “La usabilidad, desde la práctica, permite incluir al usuario, que interactúe con la información y que su objetivo sea el vector de una búsqueda”. Explicó cuáles son los pasos a seguir al desarrollar una página: “Lo primero es hacer una tormenta de ideas, que tengan las premisas de ver qué hay y qué se puede mejorar acorde a las necesidades. Luego está la etapa de investigación, ver si la idea le sirve al usuario en cuanto al interés y capacidad. Se hacen entrevistas para analizar cómo se mueve el usuario considerando tres ejes: usuario, contexto y tarea. El tercer paso es el análisis, de las entrevistas se sacan conclusiones que se expresan en lenguaje teatral, se arma un guión del usuario, logrando así definir las tareas más importantes que realiza. Al momento de diseñar la interfase deben plantearse los objetivos de usabilidad, con parámetros medibles y estrictos. Luego se consideran patrones, jerarquías, consistencia, control de parte del usuario y feedback, el tiempo de respuesta ante una solicitud o búsqueda. Luego se desarrolla el prototipo y por último se hace una evaluación”.

La siguiente exposición estuvo a cargo de Juan Manuel Carraro, Director de C Comunicación, habló sobre la arquitectura de la información: “Es organizar, jerarquizar y nombrar los contenidos de una interface. Fomentando la usabilidad, mejorando la administración, la gestión de contenidos y la findability (búsqueda y navegación de la misma)”. Comentó sobre los problemas más frecuentes que suele tener el usuario: “Están relacionados con los procesos de búsqueda, la debilidad que encuentran en la información, imágenes de mala calidad, los links y la navegación. El 75 por ciento de los problemas está relacionado con la arquitectura de la información”. Al trabajar sobre un sitio web, explicó que previamente se deben realizar tres técnicas de relevamiento: “Ver cuál es el contexto, es fundamental que el cliente pueda aportar información. Definir el contenido, cuáles son las fuentes y quiénes son los responsables de producir la información y aprobarla. Y por último saber quiénes son los usuarios, qué tareas realizan, qué problemas encuentran en el sitio web y cuáles son sus sugerencias”.

A continuación Guillermo Ermel, responsable de usabilidad de MercadoLibre, habló acerca de la creación de prototipos y realizó un workshop con el público presente: “Las ventajas de hacer un prototipo en papel son que es rápido y económico y facilita la modificación y evaluación. A su vez fomenta la creatividad del equipo”. Con respecto al testeo comentó que los problemas que se encuentran suelen ser muy parecidos, se modifica en base a los aprendido y después se vuelve a testear con otros usuarios”.

Por último, como cierre de la jornada, participaron en la mesa redonda Fernando Das Neves, Gerente de I+D de Snopp Consulting, Jorge Plano, especialista en accesibilidad y Natan Santolo, Director de la carrera de Diseño Web en la Escuela Da Vinci. “Cuando hablamos de interacción, hablamos de un proceso de varios pasos. En general no se suele incorporar al usuario, no saben quién es y por eso las páginas no se entienden y suelen tener tantos problemas”, expresó Fernando Das Neves.

Luego, Jorge Plano definió usabilidad y accesibilidad: “Usabilidad implica mejorar la actividad del usuario, facilitar su uso. En cambio accesibilidad es eliminar las barreras de acceso y admitir un uso igual para todos. La usabilidad es una buena práctica y la accesibilidad es un derecho para un conjunto de la población”. Natan Santolo se preguntó qué hacer a partir de ahora: “Debe haber una capacitación técnica y de conciencia. La usabilidad no tiene que ser un valor agregado, sino ser parte de un producto, del desarrollo y del proyecto. La usabilidad es hacer la vida mejor y no sólo en un sitio web”.

Fuente: http://fido.palermo.edu/servicios_dyc/noticiasdc/detalle.php?id_noticia=798

Tuesday, December 09, 2008

Modelos de Formularios de Contacto para cuando no hay inspiración...

Uno de los elementos imprescindibles en una web es el formulario de contacto, especialmente si hablamos de una web comercial, ya que la sección de “contacto” es una de las primeras cartas de presentación que una empresa ofrece a sus clientes potenciales.

Por otra parte las webs personales también pueden beneficiarse mucho con un formulario de contacto bien formado, nunca se sabe quien va a querer ofrecerte trabajo, enviarte una nota, o sencillamente felicitarte por tu buena labor.

Por tanto, me parece bastante interesante la lista con 36 formularios de contacto que han hecho en el Dzine Blog, ideal para quienes buscan un poco de inspiración o un punto de partida para diseñar su propio formulario.

Fuente original: http://isopixel.net/archivo/2008/12/inspiracion-para-formularios-de-contacto/

Tuesday, October 28, 2008

Alentando a los usuarios

¿Quién no ha empezado a trastear con Photoshop sin leerse el manual? ¿Quién no se ha encontrado montando una puerta colocada al revés en un mueble de Ikea?

Al empezar a utilizar un software, los usuarios están muy motivados y tienden a ir al grano sin acabar de aprenderlo. Esta tendencia se conoce como la paradoja del usuario activo: los usuarios nunca leen los manuales, pero empiezan a utilizar el software inmediatamente, aunque a largo plazo se ahorrarían tiempo si hubieran dedicado tiempo a conocerlo.

Siendo conscientes de esta realidad, los diseñadores de interacción deben utilizar estrategias para alentar a los usuarios a emplear de forma más eficiente el sistema.

Algunos ejemplos interesantes:

  • Google Reader ofrece un módulo lateral en la página de inicio, con sugerencias o trucos para enriquecer la experiencia de usuario con la aplicación.

  • LinkedIn anima a sus usuarios a completar su perfil mediante una barra de progreso que da una idea del porcentaje de exhaustividad del perfil, además sugiere una "próxima acción" debajo de la barra de progreso para completar más el perfil.

  • En Unvlog, un sitio para compartir y descubrir videos con tus amigos, utiliza una sencilla lista de tareas para empezar a familiarizarte con el sistema.

  • The Hype Machine, un agregador de música que utiliza como fuentes los MP3 de los blogs musicales, recientemente ha alentado a sus usuarios a completar su perfil de una forma muy curiosa, utilizando por defecto la foto de John McCain como avatar.
Fuente: http://www.usolab.com/wl/2008/10/alentando-a-los-usuarios.php

Wednesday, October 22, 2008

Día Mundial de la Usabilidad 2008 en Buenos Aires


El objetivo es difundir y fomentar el desarrollo de productos y servicios fáciles de usar.

Cuándo

El martes 18 de Noviembre de 2008, de 8:30 a 17:30 hs. Por favor sea puntual para poder acreditarse antes de que comience el evento.

Dónde

En el Aula Magna de la Universidad de Palermo: Mario Bravo 1050, Ciudad Autónoma de Buenos Aires, Argentina.

Público interesado

Empresas productoras de bienes y servicios, gobierno, académicos, profesionales de las áreas de marketing, comunicación, diseño, tecnología y atención al cliente, estudiantes y profesionales interesados en la usabilidad y las disciplinas vinculadas, como diseño web, arquitectura de información, diseño centrado en el usuario y diseño de interacción.

Programa

Se cubrirán aspectos conceptuales, prácticos, metodológicos y económicos de la usabilidad, entre los que habrá:

  • Charlas: introducción a la usabilidad, valor agregado y retorno de inversión, equipos de IT y usabilidad, el futuro de la usabilidad.
  • Casos de éxito: empresas líderes contarán sus experiencias, relatadas por los protagonistas.
  • Talleres: técnicas de diseño centrado en el usuario, arquitectura de la información, prototipado y diseño.

Todas las actividades serán lideradas por expertos locales que abordarán la cuestión de la usabilidad vinculándola no sólo al ámbito de Internet, sino también a otros campos en los que su aplicación significa una mejora en la vida diaria de las personas.

¿Interesado? Vea el programa completo.

Asistencia

Nos encantaría que todos los interesados pudieran venir. Pero dadas las limitaciones de tiempo y espacio del evento, se requiere una registración (gratuita) para asistir.

Acerca del Día Mundial de la Usabilidad

El Día Mundial de la Usabilidad se realiza en más de 40 países y es impulsado por la Usability Professionals' Association (UPA).

En Argentina, desde el 2008, es organizado por el Grupo de Profesionales de Usabilidad de Argentina y el capítulo Argentino de Internet Society (ISOC-Ar) junto a la Universidad de Palermo.

Los 7 mejores libros sobre usabilidad

Hablar con usuarios es la mejor manera de aprender sobre usabilidad, los usuarios son los grandes maestros. De todos modos, hay libros que pueden aportar conocimiento a nuestro trabajo. Los autores que cito son grandes porque llevan muchos años escuchando a los usuarios.

Para leer muchos libros sobre temas específicos se requiere de tiempo y dinero. Por ello, lo mejor es seleccionar muy bien las lecturas. Cuando surgió el boom de la usabilidad, varias obras han puesto en su título esa palabra para vender más ejemplares.

Sin embargo, muchos de esos libros son una perdida de tiempo, alguno volúmenes son realmente malos y oportunistas.

Hay varios autores, que en mi opinión, van al grano y ofrecen consejos muy prácticos. Sabiduría que se puede aplicar a las webs que uno hace. Leer uno de esos libros ayudará a que todas las webs que uno haga en el futuro sean mejores. Por eso, son una buena inversión de tiempo y dinero.

No me hagas pensar de Steve Krug

Steve Krung es una persona que tiene experiencia trabajando en Internet y mucho sentido común. La mayoría de los consejos que aporta en su obra son aplicables a cualquier web. Además, el libro es básico, un primer paso para los que quieran construir sitios web.

El libro aporta soluciones, es 100% práctico y aprovechable. En algunos casos, hay que entender que los proyectos web en los que ha trabajado el autor son grandes y por eso trata sobre los problemas que surgen en el trabajo en equipo.




Usabilidad de Páginas de Inicio de Jakob Nielsen

Jakob Nielsen es el autor con más éxito en este mundo, ha vendido más de 250.000 ejemplares de sus libros y sigue publicando nuevas obras.

El éxito editorial se debe a que es un autor que expone muy bien sus ideas sobre todo en los últimos libros, son fáciles de leer y es tremendamente práctico. En su libro destripa 50 sitios web, las críticas son ácidas, pero necesarias para darnos cuenta de los errores que se pueden evitar.




Defensive Design for the Web de 37 signals

Es una obra muy práctica que aborda un tema muy importante: cómo tratar con los errores de los usuarios. El libro aconseja la mejor manera de prevenirlos y ayudar a los clientes de un sitio.

Lo bueno que tienen los libros de los maestros de la usabilidad es que son usables. Este libro cuenta con un adecuado diseño, es estupendo para leer en el metro o en los transportes públicos: como los anteriores, cuenta con buena ilustración y es fácil encontrar lo que nos interesa.

Cuenta con titulares y destaca los temas más importantes. Es un libro escrito por maestros de la usabilidad del web. Yo creo que la usabilidad de los web tiene mucho que aprender de otras disciplinas: primero, de la usabilidad de software y segundo, de el diseño de cualquier otra cosa.




About Face 2.0 de Alan Cooper y Robert Reimann

Maestros de la usabilidad del software son maestros de la usabilidad del web. Un libro extremadamente ilustrativo, trata sobre interfaces de informática, y por eso, los consejos, difieren poco sobre los que se pueden dar sobre una página web.

En el libro se puede encontrar el proceso para hacer un sitio web, aunque el libro dedica muy poco espacio a eso. También contiene conceptos que en su momento fueron novedosos y que ahora son universales, como el concepto de persona en usabilidad.




Psicología del Color de Eva Heller

En mi opinión, el diseño en general es aplicable al diseño y planificación de webs. Siempre, tenemos que elegir colores y valernos de los mismos para que nuestra web sea adecuada.

Por eso, a mi me parece muy útil leer sobre colores. Es una obra en español, que nos permite entender el significado profundo de los colores. Los que crean que la elección de colores debe ser dejada a unos superdotados del gusto, encontrarán razones en este libro para no trabajar así. Y conocer sobre el uso adecuado del color.



Universal Principles of Design de William Lidwell, Kritina Holden y Jill Butler

Si se quiere aprender sobre diseño y cómo colocar formas, contenidos, fotos, etc. Es un volumen elevadamente práctico.

También está dividido de manera agradable la lectura. En lugar de parecer un libro, parecen reportajes de una revista muy bien diseñada. Otra de las virtudes del libro es que da pistas para seguir estudiando. Hay citas muy bien anotadas y fuentes en las que continuar profundizando.




Web Bloopers de Jeff Johnson

Jeff Jonson escribe un libro que trata sobre errores frecuentes en Internet. Es un volumen para aprender de los fallos de los demás. De hecho, Johnson es uno de los autores que recomienda Jakob Nielsen.

Los errores están escogidos muy bien. Son los más frecuentes. Aunque, poco a poco, los grandes webs han aprendido de lo que dice el autor y cada vez son menos comunes esos fallos. Los 60 deslices que se escogen como más significativos están ilustrados con ejemplos de webs reales, las ilustraciones del libro como la edición son magníficos.


Fuente: http://www.maestrosdelweb.com/editorial/los-7-mejores-libros-sobre-usabilidad/
En el post original hay mas datos sobre estos libros que les recomiendo que visiten.

Friday, August 22, 2008

Usabilidad y Accesibilidad Web

¿Las webs accesibles son siempre feas?

Muchas veces, nos encontramos con sitios que generalmente respetando los estándares Web no son tan agradables visualmente, pero esto no tiene por que ser así.
Si nos basamos en los conceptos actuales de la Usabilidad y Accesibilidad mezclada con un poco de creatividad y el conocimiento de la tecnología, se pueden lograr resultados interesantes y agradables, que por ende son más vendibles.

Para continuar leyendo este interesante artículo, les recomiendo quevisiten la web de su autor.

Fuente: http://lausabilidad.blogspot.com/2008/08/usabilidad-y-accesibilidad-web.html

Tuesday, May 27, 2008

La crueldad de los internautas

En BBC Ciencia, he leído que los usuarios de internet se están volviendo cada vez más impacientes, despiadados y egoístas cuando están navegando en la red, revela un estudio.

El informe anual sobre los hábitos en el uso de internet realizado por el gurú tecnológico Jakob Nielsen muestra que la gente es cada vez menos paciente cuando están en línea. En lugar de pasar el tiempo en los sitios de internet, muchos internautas lo que quieren es simplemente llegar rápido a un sitio, completar una tarea e irse. La mayoría ignora los esfuerzos que se hacen para que se demore más en los sitios y desconfía de las promociones diseñadas para mantener su atención.

Reglas de búsqueda

En cambio, muchos actúan "en caliente" y sólo desean terminar una tarea específica. Para Nielsen, el que quiera superar a Google tiene que crear un mejor sistema de búsquedas. El 75% de la gente logra cumplir lo que quiere al ir a internet, dijo Nielsen. En 1999 esa cifra estaba en 60%.

Hay dos razones que lo explican, indicó el gurú. "Los diseños han mejorado, pero también los usuarios se han acostumbrado a ese ambiente interactivo", señaló Nielsen a la BBC. "Ahora, cuando la gente va a internet sabe lo que quiere y cómo hacerlo", afirmó.

Esto vuelve a los internautas muy resistentes a promociones destacadas u otras opciones editoriales que intentan distraerlos. "Los usuarios de internet siempre han sido despiadados y ahora lo son más que nunca", dijo Nielsen. "La gente quiere sitios que los lleve, sin rodeos, al punto. Tienen muy poca paciencia", señaló. "Creo que los sitios todavía no han apreciado eso", agregó. "Aún sienten que su sitio es interesante y especial y que la gente estará feliz con todo lo que se le arroje".

Dominio de los buscadores

Los internautas también se están frustrando mucho con todas las adiciones, como los "widgets" (artilugios) y las aplicaciones, que se vienen agregando a los sitios para hacerlos más amigables. Tales adiciones sólo están sirviendo para que las páginas se tarden más en cargar, afirma Nielsen. Ha habido también un gran cambio en la manera en que la gente va a los lugares donde puede completar tareas urgentes, señaló el experto:

  • En 2004, un 40% de los internautas visitaba una página principal y luego navegaban hacia donde querían ir, y un 60% usaba un vínculo que los llevaba directamente al destino buscado dentro de un sitio.

  • En 2008, dijo Nielsen, sólo un 25% de las personas navega a través del "homepage" o página principal. El resto usa el buscador o "search engine" y se va directo a donde quiere.

"Básicamente, los buscadores de internet gobiernan la red", dijo. Pero, añadió, esto no significa que los buscadores estén haciendo un trabajo perfecto. "Cuando observas a la gente buscando algo, con frecuencia ves que no obtiene los resultados que quería", dijo. "En el largo plazo, quien quiera superar a Google sólo tiene que crear un mejor sistema de búsquedas".

Fuente: CosasSencillas

Thursday, May 22, 2008

Taller de usabilidad web y diseño de interfaz de usuario

mas información: http://www.cursodeusabilidad.com.ar

Temario: Introducción a la usabilidad y el diseño de interacción

Veremos qué es la usabilidad y para qué sirve. También definiremos qué es la experiencia de usuario (User experience) y su relación con la usabilidad.

Cómo hacer sitios fáciles de usar
Explicaremos la metodología de ciclo de diseño centrado en el usuario, y cómo implementarla en un equipo de desarrollo web.

Principios de diseño web centrado en el usuario
¿Por qué algunos sitios son más fáciles de usar que otros? Veremos principios básicos de diseño centrado en el usuario, principios básicos de usabilidad y lineamientos específicos de usabilidad web (también conocidos como guidelines).

Tríada fundamental de la usabilidad: usuarios + contextos + tareas
La usabilidad de un sitio web es algo relativo y depende de muchas circunstancias. Un diseño que es óptimo en algunos casos, no lo es en otros. No es lo mismo diseñar un sitio para hacer trámites impositivos que un sitio de juegos para chicos. Por eso, para lograr la usabilidad necesaria en cada caso, es necesario que sepamos quiénes serán los usuarios, las tareas que necesitan hacer, dónde, cuándo y con qué tecnología usarán el sitio.

Veremos técnicas para contestar estas preguntas y poder establecer las pautas de usabilidad que debe cumplir nuestro sitio.

Tests de usabilidad con usuarios - Metodologías de testeo: validez vs. costos
Existen varias formas de testear un sitio web para comprobar si es usable. Entre estos métodos, algunos son muy efectivos pero a la vez muy costosos y difíciles de poner en práctica, mientras que hay otros que tienen un nivel de efectividad casi tan alto pero a un costo mucho menor y con menor esfuerzo. Veremos las ventajas y desventajas de cada método.

Selección de usuarios representativos. Incentivos.
Conseguir y seleccionar usuarios representativos para el test es fundamental, ya que sin usuarios no podemos asegurar la usabilidad. Aprenderemos cómo encontrar y seleccionar usuarios de forma simple y efectiva, cómo crear y usar guiones de filtrado, y cómo sacar el mejor provecho de cada usuario. Daremos ejemplos prácticos de uso real de los guiones telefónicos utilizados por expertos para hacer la selección de usuarios.

Tareas a evaluar con el usuario
Al evaluar un sitio web, es fundamental conocer cuáles serán las principales tareas que van a realizar los usuarios y convertirlas en consignas para que los usuarios puedan intentar realizarlas durante el test. Por ejemplo, en un sitio de comercio electrónico, querrán buscar un producto, compararlo con otros similares y comprarlo usando su tarjeta de crédito. Veremos cómo elegir las tareas y redactarlas para probarlas con usuarios durante el test.

Ejercicio práctico: creación de un prototipo para testear
Para probarlo con usuarios, no podemos esperar a tener el sitio web o aplicación terminado ni de invertir el tiempo y dinero necesario para programarlo. Pondremos en práctica una técnica para crear prototipos sin esfuerzo y en muy pocas horas de trabajo, que te permitirá evaluar la usabilidad con usuarios y mejorar el diseño del sitio web hasta volverlo usable.

Ejercicio práctico: test de usabilidad con usuarios
Pondremos en práctica todo lo aprendido realizando un test con usuarios. Aprenderemos cómo llevar adelante un test, qué equipamiento es necesario y cómo sacar el mejor provecho de cada test. Veremos consejos prácticos acerca de los "SI" y los "NO" durante un test con usuarios.

Análisis de resultados del test y conclusiones
Una vez que realizamos tests con varios usuarios, habremos encontrado partes del diseño que funcionan de la forma esperada para los usuarios y partes que no. Tendremos que analizar los resultados para proponer recomendaciones al diseño del sitio web. Veremos distintos métodos para analizar los datos obtenidos.

Presentacion de resultados al cliente o jefe
Tan importante como testear con usuarios y hacer un buen diseño es saber presentarlo a quien tiene la palabra final. Veremos cómo presentar los resultados y el diseño de forma convincente a tu superior o cliente.

Veremos formas de “vender” usabilidad a clientes y jefes.

¿A quién está dirigido este taller?
El taller está dirigido a diseñadores graficos interesados en la web, diseñadores web, diseñadores de interacción, encargados del desarrollo de productos que incluyan a la web como eje, estudiantes de carreras relacionadas con la web y sistemas, profesionales o estudiantes con interés en la usabilidad, el diseño de interacción y la experiencia del usuario web.

No es necesario tener conocimientos de programación ni de diseño gráfico.

Fechas, costo e inscripción
* Fecha: sábado 7 de junio de 2008
* Horario: de 09:00 a 18:30 - 8 Horas en total, con corte para almorzar.
* Lugar: Carlos Pellegrini 739
* Costo: $300 ($280 para estudiantes)

mas información: http://www.cursodeusabilidad.com.ar

Thursday, February 28, 2008

Formularios usables: 60 Directrices de Usabilidad

Artículo propiedad de Olga Carreras, publicado originalmente en:
http://olgacarreras.blogspot.com/2007/02/formularios-usables-60-directrices-de.html

Por desgracia, es a menudo el programador quien hace el diseño de los formularios.

Mientras que para el diseño de páginas web se considera necesaria la participación de especialistas en el diseño de interfaces, no ocurre lo mismo cuando debe diseñarse algún formulario.

Es muy habitual considerar que un formulario no es más que el resultado del análisis de datos que debe realizar todo analista o programador.

Lo que se obtiene al final es un formulario que no tiene en cuenta la terminología del usuario y que por lo general guía poco y controla mucho.

[En "Por qué los formularios no se diseñan correctamente" de Josep Casanovas]


Introducción

Ninguna de las 60 directrices es invención mía. Mi labor ha sido únicamente de recopilación y síntexis.

Quizás debería haber justificado la razón de ser de cada directriz, puesto que abundan los que creen saber lo que necesita el usuario, independientemente de lo que digan los estudios de usabilidad, los test de usuario o los expertos en usabilidad.

La usabilidad no consiste en que tú y yo elucubremos tomando un café sobre lo que le va a resultar más usable al usuario. La usabilidad es una disciplina seria.

Sea como sea, como otros antes que yo han explicado muy bien el porqué de estas directrices, aunque sea en diferentes artículos o estudios, me remito directamente a ellos: fuentes del artículo.


60 Directrices para realizar formularios usables

Generales

1. Pida sólo la información absolutamente necesaria.

2. Infiera información a partir de otra disponible.
Por ejemplo, la provincia se puede inferir del C.P.

3. Reutilice los campos cuando sea posible.
Por ejemplo, el email puede servirnos en ocasiones como nombre de usuario.

4. No pida la información dos veces.
Por ejemplo, si el usuario ha rellenado la dirección de facturación, no le obligue a volver a rellenar la dirección de envío si no es necesario, pregúntele si quiere que sea la misma.

Textos

5. Proporcione un título al formulario que exprese claramente su función.

6. Si necesita instrucciones, que sean breves y comprensibles.

7. Utilice una nomenclatura clara y familiar, sin tecnicismos ni extranjerismos.

8. Sea consistente en el uso de los términos.
Es decir, use siempre las mismas palabras para los mismos conceptos.

9. No utilice preguntas complejas ni haga pensar al usuario.

10. Redacte siempre las opciones de forma afirmativa.

Por ejemplo, junto a un check escriba “Deseo recibir el boletín" en vez de "No deseo recibir el boletín".

Organización

11. Organice los campos en una sola columna de datos.

Sin entrar en las razones de accesibilidad que lo justifican (ver "75 Directrices de accesibilidad de Jakob Nielsen") me cuesta muchas discusiones hacer comprender que, apelotonando los datos en la misma línea o colocándolos en varias columnas, se pierde tanto a nivel de usabilidad que no merece la pena el espacio vertical que se gana.

Como siempre, hay muchos contextos de uso y excepciones justificables, como los formularios que se rellenan de forma repetitiva y constante, pero la excepción nunca puede convertirse en norma.

Una sola columna funciona mejor. Los formularios con dos columnas tienen más probabilidades de que los usuarios pasen por alto algunos campos, dado que crean un orden ambiguo de lectura. Sus ojos se moverán hacia donde espera encontrar el próximo campo, que será habitualmente hacia abajo, en vertical. No esperan a que se les indique mediante el parpadeo del cursor dónde mirar.

[En "Formularios largos: ¿una pantalla con scroll o varias páginas?" de Usolab (resumen en español del artículo "Caroline's Corner - Long Forms: Scroll or Tab?" de Caroline Jarrett)]
12. Organice los campos en grupos lógicos, utilizando para ello la mínima cantidad de elementos visuales (evitando así ruido visual).

13. Agrupe, si es posible, los campos obligatorios al comienzo del formulario.

14. Evite fragmentar la petición de información.
Por ejemplo, no pida por separado el tipo de vía, la calle, el número, etc. si no es estrictamente necesario.

15. Proporcione un diseño ordenado, alineando verticalmente todas las etiquetas y todos los campos entre si.
Todos los campos deben estar verticalmente alineados entre sí a la izquierda.

¿Cómo alinear las etiquetas entre sí: a la derecha, a la izquierda o las colocamos encima del campo?
  • Si tenemos que rellenar datos que son familiares (y no son muchos): Etiquetas en vertical encima del campo.

  • Cuando necesitemos ajustar el espacio vertical: Etiquetas a la izquierda del campo, alineadas a la derecha.

  • Hay que ajustar el espacio vertical, y los datos no nos son familiares o son complejos: Etiquetas al lado del campo, alineadas a la izquierda.
"Consejos para el diseño de formularios": resumen en español de las conclusiones de Luke Wroblewski

16. Sitúe las respuestas de los campos radio buttons y check box después de los mismos.
De esta manera se favorece la alineación vertical de todos los controles.

17. Utilice etiquetas estándar para agrupar campos y hacer más manejable la información(OPTGROUP, FIELDSET)

18. Si se utilizan radio buttons o checks box agrupe visualmente de forma clara y unívoca los distintos grupos de opciones.

19. Distinga visualmente los campos deshabilitados siguiendo las normas de facto (poniéndolos en gris claro)

Tipos de campos

20. El tamaño visible de los campos de texto debe corresponderse con la longitud del contenido que ha de introducir el usuario.

21. Homogeneice los anchos de los campos de texto cuando estos sean similares (evitando así ruido visual).

22. Dote a los campos de texto de flexibilidad para que admitan los datos en cualquier formato.

Por ejemplo, un campo para introducir el número teléfono debería admitir paréntesis, guiones, espacios; un campo para introducir importes debería admitir decimales con punto o con coma, etc.

23. Evite el uso de combos.

No las use por ejemplo para seleccionar el país, fecha o profesión a no ser que sea estrictamente necesario, en cuyo caso incluya una opción del tipo “Otros” que pueda englobar casos no recogidos en las opciones proporcionadas.

24. Evite que las combos recarguen la página para rellenar otros campos, pero cuando así sea, asegúrese de que el formulario conserva el mismo estado que tenía antes de recargar la página: con los mismos campos visibles o activos, y con todos los campos rellenos con los mismos datos que antes de la recarga.

25. Si se utilizan combos o radio buttons seleccione siempre una opción por defecto, asegurándose de que sea la más probable.

De lo contrario, el usuario no puede volver al estado inicial del formulario; si es necesario incluya una opción "Ninguna".

26. Si se utiliza un check box para presentar una única opción que no es obligatoria (recibir publicidad, aceptar unas cláusulas) no la marque por defecto.

27. Si se utilizan radio buttons asegúrese de que todas las opciones son claramente excluyentes.
  • No los utilice cuando las respuestas sean más de tres y complejas, o más de cinco y simples.
  • Siempre que se cumpla la regla anterior, utilice radio buttons en vez de combos
28. Si un radio button tiene más de dos respuestas, colóquelas en vertical, unas debajo de otras alineadas a la izquierda.

Funcionamiento

29. Valore la posibilidad de evitar, mediante JavaScript, que en determinados campos se pueda introducir determinados caracteres.
Por ejemplo, que en el campo DNI sólo se puedan introducir números y letras, haciendo que el resto de caracteres no se puedan teclear en el campo.
[A mí, personalmente, no me gusta esta práctica]

30. No implemente saltos automáticos del foco del formulario.
Por ejemplo, en los campos de cuenta, no haga que el foco se mueva sólo al siguiente campo cuando se ha rellenado el anterior.
Un error típico es introducir el salto automático entre campos de texto consecutivos y hacer innecesario el uso del tabulador.

Aunque este comportamiento puede parecer que facilita la tarea de introducción de datos, no es adecuado porque quita control a los usuarios, no es un funcionamiento estándar y es necesario mirar la pantalla para saber en que campo se está.

Todo ello puede provocar fácilmente errores, como por ejemplo, introducir datos pertenecientes a un campo en el siguiente cuando no se introduce el formato esperado por el salto automático.

[En "Controles de formularios en diseño web, radio buttons, check-boxes..." de Eduardo Manchón]

31. Asegúrese de que la tecla "Intro" realiza la acción principal.

32. Evite, mediante JavaScript, que el usuario pueda impacientarse y enviar dos veces el formulario.

33. Al implementar la validación de los formularios (o al limitar el tamaño de los campos) piense si su formulario puede ser utilizado por usuarios de otros países.

Por ejemplo, el C.P. o el teléfono no tienen la misma longitud en unos países que en otros; por ejemplo, en España hay usuarios que no tienen DNI sino tarjeta de residencia.

Ayudas

34. Identifique claramente los campos obligatorios y los opcionales mediante el literal (Obligatorio) u (Opcional), según si se van a marcar los obligatorios o los opcionales, colocando dicho literal detrás de la etiqueta del campo y por tanto antes del campo.
Para saber si marcar los obligatorios o los opcionales seguir las directrices de Luke Wroblewski:
  • Indique los campos obligatorios cuando sean menos que los opcionales.

  • Indique los campos opcionales cuando sean menos que los obligatorios.
Para saber por qué poner el texto (Obligatorio) u (Opcional) después del literal y no después del campo, o por qué se debe indicar mediante un texto y no mediante un asterisco, leer "75 Directrices de accesibilidad de Jakob Nielsen"
35. Incluir ayudas breves o ejemplos junto a los campos, pero sólo cuando sea realmente necesario para saber cómo ingresar un dato.

Asegúrese de que al leer en línea estas ayudas o ejemplos se lean antes que el campo, por ello, un buen lugar para colocarlas es encima del campo. Para comprender por qué colocarlas en esta posición leer: "75 Directrices de accesibilidad de Jakob Nielsen"

Botones

36. No incluya un botón "Reset" (es decir, de Limpiar o Borrar el formulario)

37. En los formularios de un sólo paso evite tener un botón "Cancelar" cuya función sea en realidad volver a la página anterior.

38. Distinga entre las acciones primarias y secundarias (volver, imprimir etc.) de su formulario.

Evite las secundarias, pero si ha de incluirlas distíngalas visualmente de forma inequívoca, destacando visualmente las primarias.

Por ejemplo, poniendo las acciones primarias como botones y las secundarias como enlaces.

39. Coloque los botones o enlaces que realizan las acciones primarias (por ejemplo el botón "Enviar") lo más cerca posible del último campo del formulario. No los separé del formulario mediante, por ejemplo, una línea.

40. Dé un nombre adecuado a los botones del formulario, relacionado con su acción y no de carácter general.

Por ejemplo, use "Buscar" en vez de un genérico "Aceptar".

Errores

41. Cuando se produzca un error al rellenar el formulario proporcione en la parte superior del mismo, y con suficiente contraste, un listado de los errores. Por cada error indique qué campo lo ha provocado, por qué motivo, cómo solucionarlo y un enlace al campo.

42. Destaqué los campos que han dado error pero no se base para ello únicamente en el color.
Acompáñelos de un icono de error que aparezca también en el resumen del comienzo de la página.
Repita el mensaje de error al lado del campo para no tener que volver a la lista inicial para saber qué error lo provocó. Ver un ejemplo de cómo mostrar los errores de un formulario.

43. Cuando se produzca un error, el formulario no debe resetearse, es decir, los campos no erróneos deben seguir manteniendo la información en ellos introducida.

44. Redactar claramente los textos de error mediante términos claros, sencillos y no técnicos.
No utilizar mensajes genéricos del tipo “No se ha podido enviar el formulario”.

45. Evite validar los campos uno a uno, cuando pierden el foco, mostrando inmediatamente un mensaje de error al usuario. A los usuarios les incomoda esta práctica.

Feedback

46. Cuando el usuario envíe el formulario, infórmele del resultado de su acción: indíquele si se ha realizado correctamente, qué datos se han enviado, cómo puede ponerse en contacto con los responsables del sitio si ha habido problemas o para hacer un seguimiento del mismo, o cómo puede modificar los datos enviados.

47. Si el proceso de envío es lento, incluya en la página un mensaje de "enviando datos".

Respuesta

48. Informe a los usuarios de por qué deben rellenar el formulario y cuándo y a través de que medio recibirán una respuesta.

49. Si es un formulario de contacto envíe un email automático confirmado que se ha recibido.

50. Si es un formulario de contacto, asegúrese de que la empresa tenga los mecanismos necesarios para responder de forma rápida y adecuada al mismo.

Legalidad

51. Incluya las cláusulas de protección de datos cuando sea pertinente.

Accesibilidad

52. Asocie explícitamente las etiquetas con sus controles mediante LABEL y su atributo "for".

53. Compruebe que el tabulador permite acceder a todos los campos en el mismo orden que el visual.

54. Mejore la experiencia del usuario mediante JavaScript y AJAX pero asegúrese que el formulario funcione correctamente sin ellos.

55. No establezca un límite de tiempo ajustado para complementar el formulario.

Formularios extensos

56. Si los formularios son muy extensos la solución no son las columnas, sino la división en páginas bien rotuladas que indiquen al usuario en que paso está del proceso (por ejemplo Paso 3 de 4).

57. Si el formulario se presenta en varias páginas hay que seguir el lema 1 tema = 1 página.

58. El usuario debe poder volver a los pasos anteriores.

59. No solicite información externa en medio del proceso mediante la abertura de una ventana nueva del navegador.

60. Evite la utilización de pestañas para crear formularios de varias páginas.

Fuentes

"Best Practices for Form Design" de Luke Wroblewski
"Formularios usables" de Javier Cabrera
"Usabilidad al diseñar formularios de contacto" de Reynier Matos Padilla
"Formularios" en desarrolloweb.com
"Directrices de usabilidad para el diseño de formularios" de Josep Casanovas
"Controles de formularios en diseño web, radio buttons, check-boxes..." de Eduardo Manchón
"El principio de Visibilidad y el de Guiar en lugar de controlar: ¿son incompatibles? " de Josep M. Junoy
"Formularios en la web, recomendaciones generales de diseño" de Eduardo Manchón
"Usability and HTML Forms" de Andrew Starling
"Reset and Cancel Buttons" de Jakob Nielsen
"Checkboxes vs. Radio Buttons" de Jakob Nielsen
"Should I use a drop-down? Four steps for choosing form elements on the Web" de Sarah Miller and Caroline Jarrett
"Caroline's Corner - Long Forms: Scroll or Tab?" de Caroline Jarrett
"Simplified Form Errors" de Adam Kalsey
"Developing an Online Form" de usability.org
"Usabilidad y Accesibilidad de sitios web. Lista de comprobaciones" del Laboratorio Aragonés de Usabilidad