Mundoanuncio, una experiencia, una lección.

Muchas veces he pensado en hablar de lo que viví, aprendí y goze levantando de la nada mundoanuncio.com. Todo empezo en el Eroski de Sant Cugat tomando un cafe y estrechándole la mano al auténtico padre, madre de la criaturita Jordi Castelló. Ese día nos comprometimos a meter horas en el proyecto. Primero de todo busqué un programador de confianza, el otro Albert 😉 y así empezamos.

Al principio mundoanuncio parecía un juego, le dedicaba algunas horas sin confiar mucho en lo que saldria pero teniendo fe ciega. Me acuerdo aún que un domingo después de 4 meses de trabajar las máquinas empezaron a caer porque no aguantaban el tráfico, en ese momento poco podíamos imaginar que eso era el principio de lo que sería para mi, mi segundo pequeño caso de éxito, el primero fue y es emagister (que de pequeño no tiene nada).

El tiempo pasó, los problemas de mundoanuncio eran el hierro y legales eran nuestro principal dolor de cabeza porque lo otro estaba en nuestras manos y lo controlabamos… Además viviamos el proyecto con verdadera pasión! Y eso nos llenaba de energias.

Con el tiempo otras personas entraron en el proyecto y mundoanuncio se iba haciendo grande hasta que vino un pretendiente que queria casarse con nuestra web y nosotros como buenos padres le dejamos volar (ver noticia en blog de Carlos Blanco).

Como conclusión, algunas de las muchas cosas que aprendí gracias a mundoanuncio:

• Las acciones se ganan y se distribuyen después de demostrar que te las mereces.
• Cuando lo haya demostrado dale más de lo que se espera o de lo que es justo.
• Durante los 9 – 12 primeros meses no pares de trabajar, trabajar y trabajar.
• Ten claro lo que no debes hacer más importante que lo que haces es lo que dejas de hacer.
• Confía en el lider. Apóyale, anímale… No hay nadie que no lo necesite.
• A veces los roles se definen por si solos en un equipo, pero sino es así déjalos claros y que todo el muno los «firme» sino toma decisiones.

Felicidades al equipo que actualmente gestiona mundoanuncio, impresionante lo que estais consiguiendo. Yo me quedaré con el recuerdo de lo mucho que aprendí y lo mucho que disfruté.

¿No está mal no? 😉

Patrones de diseño para reviews / opiniones

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:

• La pantalla de inserción de opinión – En este caso lo que dice el texto es muy interesante pero el mock up no deja suficiente claro la forma de valorar, que debe hacer el usuario.
• El objeto de valoración de la opinión – muy importante poner la zona de acción cerca del producto que se está valorando. No poner elementos de distracción, simplicidad.

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?

Una imagen vale más que mil palabras…

No acostumbro hacer post políticos en my blog pero lo que está pasando en Catalunya durante los últimos 15 años es algo bastante extraño, por no utilizar otro adjetivo. La inversión del estado en infraestructuras está siendo muy baja con respecto a lo que necesitamos y yo no se de numeros per si se de imagenes, aquí la teneis:

¿Culpables? No se si son los de aquí o los de allá o los de más para allá…  

Instantes — Poema de Jorge Luis Borges

Este es el primero de una serie de poemas que me gustan y quiero compartir con vosotros. Este me recuerda a una persona que tiene la gran virtud de ser valiente. Va por ti! Ánimo y síguete arriesgando…

Si pudiera vivir nuevamente mi vida.
En la próxima trataría de cometer más errores.
No intentaría ser tan perfecto.
Me relajaría más.
Sería más tonto de lo que he sido.
De hecho tomaría muy pocas cosas con seriedad.
Sería menos higiénico.
Correría más riesgos.
Haría más viajes.
Contemplaría más atardeceres.
Subiría más montañas.
Nadaría más ríos.
Iría a más lugares adonde nunca he ido.
Comería más helados y menos habas.
Tendría más problemas reales y menos imaginarios.

Yo fui una de esas personas que vivió
sensata y prolíficamente cada minuto de su vida.
Claro que tuve momentos de alegría.
Pero si pudiera volver atrás,
trataría de tener solamente buenos momentos.
Por si no lo saben, de eso está hecha la vida.
Sólo de momentos, no te pierdas el ahora.
Yo era uno de esos que nunca iba a ninguna parte
sin un termómetro, una bolsa de agua caliente,
un paraguas y un paracaídas.
Si pudiera volver a vivir, viajaría más liviano.
Si pudiera volver a vivir comenzaría a andar descalzo
a principios de la primavera y seguiría así hasta concluir el otoño.
Daría más vueltas en calesita.
Contemplaría más amaneceres y jugaría con más niños.
Si tuviera otra vez la vida por delante.

Pero ya ven, tengo 85 años y sé que me estoy muriendo.

———————————————-

Jorge Luis Borges

Ebay y su experiencia en usabilidad

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:

• Nancy Dickenson – ebay (Director of Creative Design)
• Christian Rohrer – ebay (Director of User Experience Research)

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.

Evolución de la marca emagister

Uno de los datos al que yo doy más valor a la hora de valorar el exito o fracaso de un negocio por internet es el grado de penetración de la marca en el buscador que hoy en día es referencia, Google. Los motivos son los siguientes del porque considero tan importante esta herramienta Google trends:

• Objetividad del dato, te lo da un agente externo objetivo.
• Calidad de la fuente, evidente estamos hablando del rey en internet.
• Posibilidad de compararte contigo mismo en un lapso grande de tiempo.
• Volume de la muestra, el 95% de usuarios de la internet española utilizan a google como puerta de entrada a internet.

Otro día hablararé de los motivos que estan llevando a que la marca emagister cada día esté mejor posicionada, doblando penetracion en 8 meses. Cierto es que aún nos queda mucho en valor absoluto pero el camino es bueno.

nofollow, noindex, follow, index

Una de las técnicas que demuestran que una web está bien trabajada a nivel SEO es la utilización de los operadores index, follow. Primero de todo la correcta posición de los meta tags robots es ponerla en la sección HEAD del código HTML:

<html>
<head>
<meta name="robots" content="noindex,nofollow">
<meta name="description" content="Esta página habla de noindex, nofollow ....">
<title>...</title>
</head>
<body>
...

Algunas cosas a tener en cuenta:

• El contenido de los meta tags robots deben ponerse separados por comas en la posición anteriormente comentada. Las posibilidades son [NO]INDEX and [NO]FOLLOW.
• El meta tag INDEX se utiliza para indicarles a los robots que deben indexar esa página.
• El meta tag FOLLOW se utiliza para indicarles a los robots que deben seguir capturando el contenido de esa página.
• Los meta tags por defecto son INDEX, FOLLOW por lo tanto si no se espcifica nada el bot coguerá e indexará todo el contenido.
• Los valores ALL y NONE setean el valor a los dos meta tags, ALL=INDEX, FOLLOW.

Algunos ejemplos de como implementarlo:

<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">

Es importante reseñar que los meta tag son case insensitive. No debería haber conflicto con este tema:

<meta name="robots" content="INDEX,NOINDEX,NOFOLLOW,FOLLOW,FOLLOW">

La sintaxis para los meta tags de los robots son:

content    = all | none | directives
all        = "ALL"
none       = "NONE"
directives = directive ["," directives]
directive  = index | follow
index      = "INDEX" | "NOINDEX"
follow     = "FOLLOW" | "NOFOLLOW"

Cómo hacer y qué es un pitch en proyectos web

Hoy mi compañero de fatigas me ha mandado un documento que se llama iGoogle Sales Pitch, además este fin de semana he estado ayudando a un amigo a hacer su primer pitch para una posible ronda de financiación y para terminar de redondearlo he ido a jugar al «Pitch & Putt» de Guissona o y no es conya. Pues el tema para hoy estaba hecho, voy a explicar los puntos más importantes de un buen pitch (basado en empresas web).

El pitch es el documento/presentación que se realiza a un posible cliente/partner/inversor con el objtivo que este considere la oportunidad de comprar/hacer negocios/invertir juntos.

Que cosas hay que tener en cuenta a la hora de hacer un buen pitch:

• Portada: Índice que resuma el principal mensaje que quieres dar en cada punto
• El Qué: El beneficio que aporta tu empresa o producto a la sociedad. Añade también los hitos más importantes de la empresa (fundación, datos financieros, clientes importantes…)
  • Que problema / oportunidad estás dando respuesta.
  • Solución que aportas a este problema
• El Cómo
  • Factor diferencial: que aportas diferente al resto.
  • Listado de ventajas: enumera una serie de cosas que aportan valor al proyecto. Interesante presentarlo en formato matricial con la competencia.
  • Modelo de negocio: como vas a ganar dinero
  • Proyecciones financieras: no seas exacto se coherente.
  • Que necesitas, la famosa carta a los reyes.
• El Quién
  • Equipo con 4 líneas de cada uno explicando cosas destacadas de su carrera profesional o personal. Cosas que sean diferenciales o muy útiles para el proyecto.

Algunas reglas de a seguir en el diseño del pitch (El fondo es importante pero la forma ayuda ;-):

• 10-20-30: Una presentación ppt no debe tener más de 10 diapositvas, durar menos de 20 minutos y tener una fuente de 30. Esta regla para el pitch no debe seguirse al pie de la letra pero es una pauta. Fuente: blog de kawasaki
• Pon siempre paginado
• Utiliza una imagen, icono, graph por slide.

Y recuerda cuando ensayes el pitch haz que fluya, que fluya…

Un libro recomendable: The art of the Start – Guy Kawasaki