Albert Ribera – Intentando ver el árbol y el bosque

20 agosto , 2008

Test multivariante con Google Website Optimizer

Filed under: Google,Usabilidad — inspirit_bcn78 @ 11:05 pm

Los test multivariantes es una técnica utilizada para testear hipótesis en complejos escenarios, con multitud de variables a tener en cuenta, es una técnica especialmente utilizada en predicciones de análisis de mercados.

Google lanzó en abril de este año uno de los productos más esperados para las personas que definimos producto el “website optimizer“, no lo había utilizado mucho pero durante estas “vacaciones” he jugado un poco con él y realmente es una de las mejores formas para dejar de opinar y empezar a medir. 😉 Mejor que explicaros que hace mejor lo veáis en este vídeo que acaban de sacar los de Google.

Anuncios

20 junio , 2008

Cómo hacer que tus usuarios no le tengan miedo a tu web

Filed under: Redes sociales,Uncategorized,Usabilidad — inspirit_bcn78 @ 6:23 pm

Los usuarios cuando ven una página web por primera vez sientan cosas, dicen que cuando conoces a alguien hay 7 segundos de decisión, me gusta o no, me interesa o no… Quizás en la web estos 7 segundos aún son menos.

En muchas ocasiones la home es una de las páginas menos cuidada del site porque las landing pages se llevan el % más alto de atracción del tráfico, pero cuidado mirad los logs y verás que en tráfico indirecto la home es una página muy visitada y porque si el usuario ya ha encontrado lo que quería… pues seguramente para ver si esta web es interesante en global, si está dirigida a él o a otro tipo de usuario. A continuación pongo algunos ejemplos para ver como la home es un buen lugar para atraer o acojonar a tus usuarios:

  • Flickr: La foto de la home es de poca calidad y eso consigue transmitir que todo el mundo puede subir sus fotos. No necesitas ser un crack de la fotografía. Sensibilidad es un site que está hecho para gente sensible, mejor fotos que dicen cosas que fotos muy buenas. Reforzado con mensajes del tipo comparte, conoce no quieren que se convierta en un book fotográfico para gente de alto nivel fotográfico.
    Untitled-1
  • Panoramio: En la home hay el mapa de un río de Segovia, me transmite proximidad y varias fotos encima del mapa, todas ellas hechas claramente por aficionados, además se ve muy claramente el autor de la foto con lo que aún refuerza más que flickr este mensaje. Es mucho menos emocional los mensajes no transmiten comunidad: muestra tus, buscar, exploraUntitled-3
  • Xing: Un mal ejemplo, las caras que muestran son de personas con corbata intentado comunicar un entorno de business, quizás se pasan un poco. Muy enfocados a profesionales de un nivel o tipo. Además las fotos son de tres razas con poca presencia en países latinos. Mensajes “funciones de búsqueda sin precedentes” pasado de rosca, “Gestión de contactos profesional” eso tiene valor para mi? “Acelerador de negocios” ok, pero no sé si sabría a que se refieren si nunca lo hubiese utilizado.
    Untitled-4

20 noviembre , 2007

Las mejores tiendas online

Filed under: Ebusiness,Usabilidad — inspirit_bcn78 @ 2:25 am
Tags: , ,

Gracias a un email de mi compañero Tomás me he enterado que Multiplica acaba de liberar un informe que realizoó a 40 marketplaces de internet de tres paises (Chiles, España y Estados Unidos). No es normal que la consultoras hagan informes tan amplios y mucho menos que los liberen. Sin duda un informe muy recomendable que demuestra el buen hacer de esta consultora.

Un pequeño resumen del documento explica que amazon está a años luz del resto y del resto los amercianos los mejores, nada nuevo bajo el sól. El siguiente mapa muestra el posicionamiento de todas las tiendas analizadas en función de factores indispensables para evitar la frustración del usuario y el abandono de la tienda (factores higiénicos) y factores que motivan o empujan la compra (factores motivadores). Aunque existen una alta correlación, donde hay mayor camino por recorrer es en los factores motivadores.

Factores Motivadores

  • Posicionamiento, propuesta de valor y diferenciación
  • Presentación del producto.
  • Presión en la venta.

Factores Higiénicos

  • Experiencia de compra
  • Credibilidad y confianza
  • Consistencia de marca
  • Atención al cliente
  • Posicionamiento, propuesta de valor y diferenciación.
  • Presentación del producto.

Listado de las webs españolas analizadas:

Listado de las webs americanas analizadas:

Listado de las webs chilenas analizadas:

Podeis descargaros el informe haciendo click aquí. (Cuidado! Pesa 17 Mb, son más de 140 páginas)

9 noviembre , 2007

Consejos para incrementar tus ingresos con Google AdSense

Filed under: Google,Usabilidad — inspirit_bcn78 @ 1:03 am
Tags: ,

Cómo todos sabeis Google AdSense es el sistema de publicidad contextual que ofrece Google a todos los webmasters y blogers para sacar rendimiento del tráfico. En mucho lugares he leído que Google AdSense a democratizado los negocios en internet, permitiendo a pequeños emprendedores empezar a financiarse sus proyectos con este producto. Aquí van algunos consejos para incrementar vuestros ingresos. Pero antes de nada hay que tener clara la siguiente formula:

Ingresos AdSense = Tráfico + Anuncios (Calidad + Bien Pagados + Diseño y posición)

Anuncios de calidad

  1. Primero pon los anuncios en tu web/blog y observa los anuncios que salen. Sino es buena pasa al siguiente punto.
  2. Maximiza las palabras en tu site que consideres más importante, para adsense es bueno que trabajes conceptos genéricos tres o cuatro relacionados entre si, evidentemente.
  3. Utiliza estos conceptos en sitios clave: title, description, metas.
  4. Utiliza la orientación por secciónes para mejorar la calidad de tus anuncios. ¿Qué es la orientación por secciones?
  5. Si persisiten los anuncios no relevantes puedes bloques desde tu herramienta de administración los sites que hagan bajar la calidad de los anuncios.

Anuncios bien diseñados y correcatamente ubicados

Este es un aspecto imporante y los % de mejora en utilizar una usabilidad u otra pueden ser muy relevantes. Tienes que tener en cuenta los siguiente criterios:

  • Utilizar el mismo color de fondo en los anuncios que en el resto de tu página web o almenos de las zonas colindantes a los anuncios.
  • Utilizar la mismas líneas de alineación que los elementos más importantes de la web.
  • Utilizar el color de los links igual que en el resto de la web.
  • Utilizar una fuente similar a la del resto de la web.
  • Posicionar los anuncios de google en la zonas marcadas en naranja.

En un conferencia llamada Google AdSense Optimization Webinar señalan los formatos de anuncios de adsense que mejores rendimientos están ofreciendo:

  • Rectángulo grande 336×280 (cuatro anuncios)
  • Rectangulo mediano 300×250 (cuatro anuncios)
  • Skyscraper ampliado 160×600 (cinco anuncios)

Anuncios bien pagados

Esto es algo que debes tener en cuenta cuando crees tu web o blog. Si hablas de temas que generan mucho negocio o ninchos con altos margenes tus anuncios valdran más. Si hablas de temas muy masivos y de poco negocio/transaccionabilidad por internet tus anuncios valdran menos. En el caso de tener un blog puedes probarlo, hacer un post de alquiler de coches en mallorca (CPC’s altísimos) y otro de la religión budista (CPC’s bajisimos). Listado de anuncios mejor pagados.

Espero que estos consejos para mejorar el rendimiento de Google AdSense os hayan sido útiles.

17 octubre , 2007

Los mejores ejemplos de Ajax aplicados a la web

Filed under: Ebusiness,Google,Tecnologia,Usabilidad — inspirit_bcn78 @ 12:57 am

Navegando, navegando he visto este listado de webs que utilizan AJAX (Asynchronous JavaScript And XML – JavaScript asíncrono y XML) para realizar determinadas funcionalidades. AJAX es una técnica de desarrollo para crear aplicaciones/funcionalidades web con mucha interactividad. Estás se ejecutan en el navegador del usuario con la ventaja en temas de velocidad de ejecución que ello implica.

A grandes rasgos AJAX permite generar interactividad en la misma página sin que esta sea recargada cada vez que el usuario hace algo.

El listado de webs que utilizan AJAX de una forma más destacada:
1. Kiko. Calendario- Agenda online (haced clic en la demo)
2. Protopage. Otra que sirve como portal personal de información. Idea muy novedosa de autoweb.
3. Backbase’s RSS Reader. Lector RSS, echo de menos no poder hacer grande y pequeño la zona de lectura con faciliad.
4. TimeTracker. Herramienta de planificación del tiempo personal. Hay que darse de alta.
5. Del.icio.us Director. Para administrar tu del.icio.us.
6. Backbase’s Information Portal. Gran sistema de ordenación de cajas de información tipo igoogle.
7. Amazon Zuggest. La versión de Amazon del Google Suggest. Bueno pero le falta un poco de orden al resto de la pantalla
8. Periodic Table of the Elements. Tabla periódica de elementos.

Por supesto Google es el mejor ejemplo de utilización de AJAX pero seguro lo conoceis más que estos pero todos estos productos de googes destacan por la utilización de AJAX:

¿Algún ejemplo más sobre Google o cualquier otra web hecha en AJAX?

9 octubre , 2007

The Kiss principle

Filed under: Ebusiness,Usabilidad — inspirit_bcn78 @ 1:48 am

No se si muchos conocereis que significa el principio “Kiss”. Este principio tiene dos temas que me gustan:

  1. Lo que significa “Keep It Simple, Stupid”.
  2. Por la retentiva que tiene el concepto.

El principio Kiss plantea la simplicidad como algo imprescindible a la hora de diseñar algo. Este prinicipio se basa en el principio de la navaja de Occam y la máxima de Albert Einsteineverything should be made as simple as possible, but no simpler.

El principio Kiss aplicándolo a internet es muy evidente que webs como google, craigslist o myspace lo han hecho y esta es una de las bases de su éxito. No funciona realmente una web hasta que tu abuela no sea capaz de conseguir el objetivo principal de esa página.

Además de simplicidad pero contundencia del prinicipio Kiss dudo que os volvais a olvidar de este concepto porque segun las leyes de la nemotecnia dicen que aquellos conceptos relacionados con sensaciones positivas o placeres son los que más facilmente se recuerdan.

¿Conoceis ejemplos de webs que siguen el principio KISS?

28 septiembre , 2007

Patrones de diseño para reviews / opiniones

Filed under: Emagister,Usabilidad — inspirit_bcn78 @ 9:30 pm

No cabe dudad que cada día que pasa el diseño y la usabilidad son “ciencias” más maduras, más testeadas y menos susceptibles de llevar al terreno de la opinión. Para los que trabajamos en este sector y estamos obsesionados en no reinventar la rueda nos es muy útil que grandes empresas como yahoo publiquen sus “normas” y pautas a la hora de realizar una determinada pantalla.

En esta página de yahoo podeis ver ver que patrones han seguido para diseñar todo el proceso de introducción y visualización de una opinión.

Por ejemplo, habla de la estructura:


Recomienda utilizar una estructura que agrupe los datos de una forma muy natural, primero y más arriba la información de orientación, ayuda al usuario a saber de que se está opinando. Detalles de la opinión y finalmente feed back sobre la opinión para realimentar el producto.

También habla de:

Para acabar un ejemplo de como hemos resuelto en emagister esta pantalla de presentación del a opinión:

  • Zona roja: resumen de las opiniones del curso, en un pequeño vistazo el usuario se puede hacer una idea de cual ha sido la valoración global del curso.
  • Zona azul: la opinión que en este caso dió una usuaria.
  • Zona verde: zona de feed back, para saber la utilidad de la opinión para retroalimentar el sistema.
  • Zona naranja: zona de orientación que damos al usuario para fortalecer el mensaje y dar información adicional.

¿Qué os parece? ¿Cómo resolveriais esta funcionalidad?

15 septiembre , 2007

Ebay y su experiencia en usabilidad

Filed under: ebay,Ebusiness,Usabilidad — inspirit_bcn78 @ 7:13 pm
Tags: , ,

Cuando fui en 2006 al User experience week de Londres una de las conferencias, para mi la mejor a las que asistí, consistía en explicar problemas que eBay había tenido a nivel de usabilidad y como los había resuelto. La conferencia fue espectacular, montones de ejemplos, impresionante. Los ponentes gente muy potente:

Hacia un año se habían enfrentado a una situación dificil la web era un cahos, habían cometido los siguientes errores:

  1. No se aseguraron que todo el mundo entiendía la Visión / Misión.
  2. No habían definido quien y como es el “usuario” de cada segmento.
  3. El equipo era “junior”, segun ellos.
  4. Simple de medir, simple de matar.

Para resolver estos problemas se pusieron manos a la obra y lo primero que cambiaron fue la organización tenían unas 200 personas trabajando en producto, muy atomizadas, trabajando en direcciones muy opuestas pero con un grado de implicación y libertad enrome. Lo cambiaron y crearon un departamento único, User Experience. Para no matar la creatividad, autonomia crearon lo siguiente (la idea es buena no tengo tan claro que haya funcionado) :

  1. Todo el mundo puede tener ideas y se valoraran fuertemente pero un senior staff go / no go
  2. Jefe de proyecto cuantifica
  3. User experience prioriza

Frase que dijeron “No hay organización mala sino hay organizaciones mejores dependiendo del momento” Un ejemplo de situaciones en las que se encontraron es la falta de homogenidad del paginado. Llegaron a tener 17 formas distintas de paginas los listados. Al final escogieron esta…

No ha cambiado demasiado desde que nos la presentaron en 2006. Es muy curioso porque en la sesión pregunté porque creían que era interesante poner el “Go to page” ya que como sabeis los productos en ebay varían y el que en un momento está en la página 23 al poco rato esta en la 27, la respuesta fue cursiosa “No tenemos muy claro la utilidad pero es una funcionalidad más que teníamos y los usuarios la utilizan.” Seguro que sabían o ahora saben más de lo que dijeron pero me pareció divertida, también eBay utiliza la intuición 😉

Otro problema que tuvieron es como combinar pantallas a 800 con pantallas liquidas y otras a 1024. Lo que hicieron es fijar la web a la izquierda y utilizar maquetación liquida en los listados. Si os fijais ahora han cambiado la versión y ya es a 1024 en la home y liquida en el resto de páginas. Un tema muy divertido era como trabajaban el versionado de las webs, tenían al equipo de user experience 150 personas, en esos entonces desarrollando y un equipo de producción en USA pero después tenian pequeños equipos en otras versiones que mejoran, a veces, los productos y no en diseño sino en efectividad.

Sin duda ebay es un referente en internet y ni que sus acciones no esten como en 2006 siguiente siendo una web para aprender mucho. En siguientes articulos explicaré más detalles de la ponencia y del modo de trabajar de ebay en temas de usabilidad.

Blog de WordPress.com.