agosto 19, 2011

8 reglas de Oro sobre la usabilidad

Que es la usabilidad?

Técnicas que ayudan a los seres humanos a realizar tareas en entornos gráficos de ordenador. 3 conceptos muy importantes. Trabajamos para seres humanos, que quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un ordenador en un entorno gráfico, la web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizás suene un poco a trabajo industrial, pero al hacer referencia al termino “tarea”, estamos haciendo referencia a buscar un programa que queremos ver en la tele, a ver información sobre mi equipo de fútbol favorito, a comprar un libro sobre artes marciales.

Realmente hace falta la usabilidad para hacer una web?

Si. Sea tu web un portal o una pagina personal, no olvides que la gente que entra en tu web es por que básicamente busca algo. Hacerlo sencillo es decisión tuya, pero seguro que entre todos podemos hacer de internet un sitio mejor donde la gente no se sienta perdida o extraviada o sencillamente defraudada.

Reglas de Oro sobre la usabilidad.

1. En internet el usuario es el que manda.

      • Esto quiere decir que sin usuarios tu pagina muere, así que mas te vale que los cuides y les des lo que te piden, de lo contrario te quedaras solo.

2. En internet la calidad se basa en la rapidez y la fiabilidad.

      • En internet cuenta que tu pagina sea mas rápida que bonita, fiable que moderna, sencilla que compleja, directa.

3. Seguridad.

      • Si en el mundo real a veces nos cuesta fiarnos del banco de la esquina, imagínate como se siente la gente en internet cuando llega a tu site. Procura que todo funcione como un reloj para que la gente pueda fiarse de tu site.

4. La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace.

      • Esto quiere decir que tal y como esta la competencia en internet, no puedes perder ni un solo visitante por tener un enlace mal hecho. Es mejor salir con algo sencillo e ir complicandolo poco a poco, que salir con todo y ver “que es lo que pasa”. Versiones 1.0 son buenas mientras lo que este puesto este bien asentado y genere confianza. Poco a poco y con el feedback de los usuarios, podrás ir complicando la pagina. Pero asegura antes de arriesgar.

5. Si quieres hacer una pagina decente, simplifica, reduce, optimiza.

      • La gente no se va a aprender tu site por mucho que insistas, así que por lo menos hazlo sencillo, reutiliza todos los elementos que puedas, para que de este modo los usuarios se sientan cómodos y no se pierdan cada vez que necesiten encontrar algo en tu site.

6. Pon las conclusiones al principio.

      • El usuario se sentirá mas cómodo si ve las metas al principio. De esta forma no tendrá que buscar lo que necesita y perderá menos tiempo en completar su tarea. Si completa su tarea en menos tiempo se sentirá cómodo y quizás se dedique a explorar tu site o quizás se lo recomiende a un amigo.

7. No hagas perder el tiempo a la gente con cosas que no necesitan.

      • Cuidado con cruzar promociones, si lo haces por lo menos hazlo con cuidado. Procura que la selección de productos a cruzar sea consecuente y no lo quieras “vender todo” en todas las paginas. Según avance el usuario en su navegación procura dejarle mas espacio libre. Puede ocurrir que cuando este punto de comprar algo vea una oferta que le distraiga y pierdas esa venta.

8. Buenos contenidos.

    • Escribir bien para internet es todo un arte. Pero siguiendo las reglas básicas de (1) poner las conclusiones al principio y (2) escribir como un 25% de lo que pondrías en un papel, se puede llegar muy lejos. Leer en pantalla cuesta mucho, por lo que, en el caso de textos para internet, reduce y simplifica todo lo que puedas.
agosto 19, 2011

Ser accesible es ser solidario

Hacer sitios accesibles tiene un trasfondo mucho más importante que el beneficio económico. Crear sitios accesible denota el grado de empatía que podemos tener, como diseñadores, con los usuarios.

En Realidad Aparte nos contaron la historia de John Slatin quien falleció el pasado 25 de Marzo y quien era, entre otras cosas, copresidente del grupo de trabajo de las Pautas de Accesibilidad al Contenido de la Web (WCAG) del W3C

John relató el día en el que le fue diagnosticado leucemia. Su médico le aconsejó, en primer lugar, que se informara todo lo posible sobre su enfermedad, recomendándole que buscara en internet. John, nervioso e impaciente, llegó a casa y se sumergió en la búsqueda de esa información. Pero John era invidente, y la mayoría de sitios web no son accesibles. No podemos imaginar su tremenda frustración, en ese momento crítico de su vida, al intentar navegar sin éxito entre páginas y páginas inaccesibles, para saber un poco más sobre la enfermedad que acababan de diagnosticarle.

Te convences de la accesibilidad. Sabes de la importancia que tiene hacer los sitios web accesibles. Pero cuando te encuentras frente a una persona, relatando una experiencia real de esa magnitud, no puedes evitar estremecerte y tomar aun más conciencia de la verdadera importancia de la accesibilidad.

Si quieres tomar cartas en el asunto, te recomiendo estos sitios sobre accesibilidad y usabilidad:

http://olgacarreras.blogspot.com/
http://www.estandaresyaccesibilidad.com/
http://usalo.es/

agosto 19, 2011

Las “intro” en Flash tienen sus días contados

Para los que no creían o no querían aceptar las recomendaciones de usabilidad acerca de las introducciones en flash en los sitios web. Google les trae esta sorpresita:


Dentro de la opciones en los resultados de búsqueda se ha agregado “Skip intro”. Así que, por muy chorflai que haya que dado esa animación de introducción, muchos usuarios ni siquiera la verán.

Ahora sólo nos queda hacernos nuevamente la pregunta: ¿Vale la pena hacer una Intro para un sitio web?

agosto 19, 2011

Elementos de un buen site

Aquí ofrecemos una guía básica sobre los elementos que componen un buen sitio web y cómo conseguirlo.

Por César Martín. DesarrolloWeb.com

  • Primero pasos.
    • Disponer de tiempo, tecnologia y recursos humanos para llevar a cabo el proyecto.
    • Que todos los departamentos de la compañia se sientan integrados en el proyecto.
    • Qué vas a “vender”: entiendase vender como promocionar, anunciar, o vender directamente productos.
    • A quién se lo vas a “vender”: debemos indentificar a nuestro nucleo de usuarios extremos que nos ayudaran a posicionar el producto de una forma mas definida que si nos dirigimos directamente a la gran audiencia.
    • Cómo se lo vas a “vender”: aqui es donde entran los temas de logistica, atencion al cliente, diseño de producto y web.
    • Una vez vendido, qué hacemos: es importante preveer que pasara mañana cuando nuestros clientes nos hayan comprado los productos. Fidelizacion, promociones, seguimiento…
  • El primer prototipo.
    • Con todos los requisitos recogidos en los primeros pasos, podremos empezar a pensar en como vamos a construir nuestro site.
    • Se recomienda que el equipo que este en esta fase sea multidisciplinar (como minimo, programacion, diseño, contenidos y un coordinador de equipo).
    • Se recomienda que el coordinador sepa algo de todas las materias, (servidor, web, diseño, contenidos) por que sera la persona encargada de crear puentes entre los diferentes departamentos y de llegar a consensos cuando surgan problemas de competencia.
    • Con este equipo se llevara a cabo una maqueta que servira para aproximarnos a la idea de nuestro site.
    • Esta maqueta sera producida a un nivel casi real para que sea probada por los usuarios.
  • Test de usuario.
    • Una vez producido el prototipo, se hara nuestro primer test de usuario.
    • El test de usuario nos ayudara a enriquecer el producto observando el comportamiento del usuario, viendo las virtudes de nuestro producto y sobre todo aquellos puntos debiles que pueda presentar.
    • Con el test de usuario se realizara un nuevo prototipo que se deberia volver a testear mientras sea posible.
  • Lanzamiento.
    • Una vez tenemos un prototipo ajustado queda la parte de realizacion tecnica.
    • Se debera disponer del tiempo disponible para ajustar el prototipo a la realidad, pero no se deben encontrar nuevos obstaculos en esta fase.
    • Para evitar estos nuevos obstaculos, es necesario la total transparencia de los departamentos a la hora de realizar el prototipo, es decir, conocer toda las posibilidades existentes dentro de la operativa, ver el “peor de los casos existentes”, ver como funciona “el primer dia”, etc…
    • Por ultimo se recomienda pasar una fase de “emision en pruebas”, es decir, lanzar el site y probarlo en real (conexiones con modem, operativa real, ver respuesta del correo o del call center en caso de que existan, etc..)
agosto 19, 2011

El banner perfecto

Análisis del uso de banners como herramienta de comunicación. Consejos para mejorarlos y más documentación.

Resumen.

  1. El banner funciona. Si bien como soporte de un modelo de negocio esta cuestionado por el ingresos que es capaz de generar, como medio de comunicacion es algo que se debe aprovechar.
  2. En este articulo veremos puntos clave a la hora de diseñar nuestro banner para lograr una comunicacion efectiva. No loop, si animaci—n, menor peso, mas grande.

1. El banner funciona.

En un estudio se hace referencia a la ceguera al banner. El estudio muestra que los usuarios no son tan ciegos al banner como parece y la impresion del mensaje es efectiva.

Desde el punto de vista del anunciante, el banner puede funcionar. Cada vez internet resta mas tiempo a la television (evidentemente mas que los periodicos y revistas) y en internet se encuentran nichos de mercado que en el mundo real son dificiles de seguir.
Por otro lado, en internet tenemos la oportunidad de acceder a un rango de poblacion mas amplio que un medio con limitaciones geograficas, temporales, etc.

Incluido el 27.5.2001: Los datos de Site Usability sobre la ceguera al banner despertaron dudas por parte de algunos lectores por lo que se hizo una encuesta propia para saber hasta que punto este dato era cierto. La encuesta que hice da que un 25% de los usuarios recuerdan algun banner de su ultima sesion. Este dato da muy pocas esperanzas al banner actual con lo que debemos pensar en ir cambiando los banners. Otra idea es ir haciendo las paginas que dependen de ingresos por publicidad mas “ligeras” para que el banner pueda brillar lo mas posible y capte la atencion del usuario.

2. No siempre debe llevar a una pagina.
El dato que se toma para medir la eficacia de un banner es el click through. Esto es correcto pero no simpre es valido.

Los anuncios sirven para ofrecer informacion, posicionar o darle valor a una marca y para despertar la necesidad de adquirir un determinado producto. El click through esta una dimension mas alla de estos datos ya que ofrece acceso instantaneo a la adquisicion de este producto.

El problema es que muchos productos que se anuncian en banners no se pueden adquirir directamente. Un banner sobre el estreno de una pelicula pude ofrecer informacion sobre el dia del estreno y como opcion el visitar la pagina. En este ejemplo, la efectividad del banner no se mide solamente por el click through. La impresion correcta del mensaje es suficiente para justificar la inversion.

Este banner sirve para comunicar la fecha de estreno de la pelicula y como opcion de enlace nos invita a ver los grupos de discusion.

3. Debe llevar a una pagina de interes.
El enlace que contiene el banner debe llevar a una pagina diseñada especificamente para este fin. Si el banner lleva a la portada, el usuario puede sentirse confundido o no encontrar aquello que vio en el banner.

Si lo que estamos comunicando es la existencia de nuestro site, se puede preparar una pagina de bienvenida especial donde se explica el proyecto, objetivos, etc.

4. Banners avanzados son interesantes pero la gente no los usa por que no sabe si debe pinchar o usarlo.
Estos banners que contienen combos, campos de texto o botones, donde el usuario puede realizar parte de la transaccion antes de ver la pagina. Estan bien en concepto, pero el problema es que mucha gente abusa de este tipo de banners, engañando al usuario haciendo parecer botones del sistema, etc.

No son muy recomendables.

5. El peso importa.
En general haciendo un bonito gif, el banner no deberia pasar de 4kbs.

Esto es evidente, pero hay que recordarlo. Haz tu banner ultra ligero. El modelo google de banners en formato texto es el paso mas avanzado en este campo. Quizas sea algo extremo, pero en el mundo google funciona (academido, profesional, usuarios avanzados). Personalmente creo que es otra dimension de la publicidad a la que mucha gente no llega.

6. Animacion si, pero procura fijar el mensaje desde el primer momento.
Que el gif este animado es parte de la “sorpresa” que ayuda a fijar el mensaje. Procura que la animacion ocurra en una parte del banner mientras el resto permanece estatico ofreciendo claramente el mensaje que quieres transmitir.

Pese a esto no se deben hacer loops y se debe fijar el mensaje en el primer frame.

Los loops hacen que el mensaje se distorsione al perder la identificacion de “conclusion” e “inicio”. Si la gente no sabe donde esta el final, no entenderan cual es el sentido del banner con lo que parte de la efectividad se puede perder.

Desde el primer frame se debe fijar el mensaje. Muchas veces la parte superior de la pagina esta presente unos segundos hasta que el usuario hace scroll o cambia de pagina. No pierdas esos segundos contado una historia.

7. Procura que el mensaje no solo sea el logo.
Todavia quedan algunos banners donde el frame (entiendase como fotograma) final es el logo de la compañia anunciante. Esto es un error. El frame final debe servir para ofrecer toda la informacion necesaria para trasmitir el mensaje. El incluir la url suele ser parte de este mensaje.

El frame final puede ser imprimido, enviado por mail y debe seguir transmitiendo el mensaje con claridad.

8. El banner puede ser un soporte de modelo de negocio.
Lo que falla ahora mismo es el formato. Banner que no son rectangulares y que no estan en la parte superior de la pagina.

La busqueda de formatos y tecnicas que permitan crear una mejor impresion del mensaje en el usuario es un camino a explorar. Tambien hay que contar con la dimension que internet añade donde el mensaje se puede continuar hasta la compra directa del producto.

En un estudio de webreference se vio como colocando el banner un tercio mas abajo de lo normal, el click through se incrementaba un 77%.

Seguramente banners gigantes con flash tipo CNET sean un camino a seguir. Permiten explorar internamente el banner, ofrecen mas informacion y no hace falta abandonar la pagina en la que estamos con lo que podemos seguir con nuestra tarea.
Lo que tiene de bueno este banner es el concepto de “poner un trozo de mi web en la tuya”. El banner ya no es un anuncio, si no que pasa a ser un trozo de mi web donde te puedes completar una accion sin abandonar el site en el que estas actualmente. Esto tiene mucho sentido si pensamos en la compra de productos. No hace falta abandonar el site en el que aparece el anuncio, puedo comprar el producto directamente sobre el anuncio.

Enlaces relacionados:

  • Webreference. http://webreference.com/dev/banners/onethird.html. Resumen: Based on the above results, we conclude that the placement of the ad 1/3 down the screen, increased click-through 77% (for the Photodisc ad). The Webreference ad showed the same trend, but the result was not statistically significant.
  • Useit. http://www.useit.com/alertbox/9709a.html. Resumen: “… only the top 0.01% of websites can generate sufficient revenues from advertising: in the larger picture, advertising is almost irrelevant for the success of the Web.”
  • Useit. http://www.useit.com/alertbox/9704b.html. Resumen: “… In fact, the model predicts that the largest website will run at a rate of about 200 billion pageviews per year by the end of the Year 2000… “
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.