El mercado esta lleno de herramientas para realizar test A/B. Aunque lo más importante es pensarlo bien, el para que, no el como.

Las herramientas pueden variar, pero lo realmente importante es siempre la claridad de ideas y que un test sea algo que realmente tenga utilidad, no un divertimento. Sí, me repito y digo esto mucho, pero es necesario que eso quede muy claro. La herramienta es siempre secundaria, lo otro no.

Y dicho esto, hoy día la oferta de herramientas para testing web es extensísima, pero, bien por conocimiento directo, bien por referencias de garantía o por sus características, aquí teneis las principales herramientas de testing A/B y también multivariente del mercado, entre otras, a las que puede merecer echarle un vistazo en condiciones:

Google Website Optimizer

Sin lugar a dudas, Google Website Optimizer el la herramienta de A/B testing y multivariante más popular. Ideal para comenzar en este mundillo del testing por muchas razones, su uso es realmente sencillo, mediante la inclusión de un pequeño fragmento de código javascript en la página original y en aquellas que conforman el test. Además, al ser validado todo el proceso paso a paso, en caso de que hagas algo mal el mismo Optimizer te pone sobre aviso. Permite ofrecer diferentes alternativas de diseño de una landing page (A/B test) u ofrecer variantes del contenido (imágenes, copys, etiquetas h, etc) dentro de una landing page (multivariante). Puede utilizarse tanto para A/B testing como para multivariantes y permite, entre otras cosas, distribuir tráfico entre versiones de página a testear. No tiene coste y además hay una guía avanzada de uso de Optimizer muy recomendable si ya tienes exigencias de medio-alto nivel.

Visual Website Optimizer

Visual Website Optimizer, a diferencia de Google Website Optimizer, ya es una herramienta que ofrece una serie de características más extensas (a su precio, es de pago en función de las visitas a testear y la versión gratis permite testaera sobre 1.000 visitantes). El funcionamiento es similar, como en todas, con el uso del consabido javascript que se debe incluir en las versiones originales y alternativas. Lo que Visual Website Optimizer si ofrece diferente, entre otras cosas, es: segmentación por keyword (muy interesante, según la keyword de entrada enviar a una u otra landing), mapas de calor y clicks de los tests, capacidad para hacer test sin saber nada de código y muchas otras características.

Sitespect

SiteSpect presenta muchas características similares a las herramientas ya vistas (test simultaneos, orientación de tráfico a test por keyword, URL de origen, etc), pero se centra en dos puntos principales en los que ofrece algo característico: generación de test de manera automática, con contenido generado en base a target de comportamiento para identificar la mejor combinación posible y la ausencia en determinados test de implementación manual de JavaScript.

Unbounce

Sin duda el gran valor añadido de Unbounce, lo que suma frente a las características de las otras herramientas, es su tremenda facilidad de uso y la cantidad de plantillas preconfiguradas que ofrece tanto para crar landing pages como para la generación de páginas de leads. En apenas unos minutos puedes tener listas landing pages alternativas sin necesidad de diseño ni desarrollo propio. Lógicamente eso tiene su limitación creativa, etc, pero es tremendamente util para contrastar modelos genéricos o alternativas de forma rápida y ágil.

Vanity

Vanity es un framework para hacer ejercicios de testing web con Rails. Facilita una API para ser desgcargada y un manual extenso en PDF con detalles de como utilizarlo. Es un sistema de testing basado mucho en el uso del código por parte de los desarrolladores, pero parece bastante ágil y con buenas capacidades de alternativas de cara a plantearle opciones al usuario.

Vertster

Vertster centra sus virtudes, y diferencia con otras herramientas, en el tipo de informes que ofrece durante y en la conclusión de un test, con muchas variables de segmentación, como la franja horaria, día de la semana, y otros valores de segmentación, que son empleados para determinar que modelo de landing page funciona mejor para cada uno de esos posibles segmentos, lo cual acaba configurando un mapa de posibles elecciones muy orientado a segmentos específicos de usuarios. Por supuesto, ofrece otras muchas cosas, pero muy similares a cualquier otra de las herramientas vistas. También se centra en la NO necesidad del uso de tags, etc, y que con la inclusión de un único JavaScript, el resto de funcionalidades pueden ser controladas, sin necesidad de actualizaciones FTP de archivos, etc.

Optimizely

De todas las opciones de pago en lo referente a herramientas de testing de este tipo, Optimizely parece ser una de las más completas por las múltiples y completas posibilidades que ofrece. Además de, al igual que Vertster, ofrecer una sola línea de JavaScript para controlar los tagas, etc, ofrece una interfaz muy visual para el cambio de elementos, incluso permitiendo drag&drop, y otras muchas funciones, como testeo múltiple. Quizás lo más interesante sea la posibilidad de hacer edición avanzada de código, seguimiento múltiple de objetivos según las landings pages que se quieran optimizar, y un amplio abánico de opciones en ese sentido que lo convierten en una de las opciones más serias y profesionales por la cantidad de características que ofrece.

WordPress A/B testing plugin

Por un precio de 9.95 $ USA, los chavales de WPPlugins (un interesante marketplace de plugins de WordPress) nos ofrecen este plugin de pago que permite, básicamente, hacer tests A/B para WordPress tomando como base el ofrecer al usuario diferentes versiones del sitio web variando el tema. Es decir, tenemos un sitio web desarrollado con WordPress y lo que hacemos con este plugin es cargar 2 o más temas (con lo cual puedes introducir cambios en base a un tema que tú mismo hayas desarrollado) que son mostrados aleatoriamente a los usuarios, lo que nos permite deteminar cual de esos temas ofrece un mejor rendimiento. Desde luego, es muy limitado en cuanto a funciones, pero también es cierto que por su precio y para hacer testing de este tipo en WordPress es algo de lo más útil, por básico que sea. Más aún si tenemos en cuenta que otros plugins gratuitos de funciones parecidas no funcionan nada bien. Muy muy básico, pero util si trabajais mucho con WordPress.

A/Bingo

La principal característica de A/Bingo es similar a la de Vanity. A/Bingo es un framework de testing A/B para ruby on rails que funciona como un plugin en este entorno de desarrollo web. Lógicamente A/Bingo es open source y está muy orientado al entorno de la programación, con lo que puede ser una muy buena manera de que los desarrolladores habituados a ruby on rails se introduzcan en el mundo del testing.

LiveBall

LiveBall tiene una pinta tremenda, y un precio en consonancia. Lo que LiveBall ofrece es una solución de testing a grandísima escala y pensada para landing pages en múltiples idiomas, y con una cantidad de variables a manejar enormes. Incorpora prácticamente la posibilidad de editar cualquier aspecto concerniente a una landing page, desde su URL, hasta la totalidad de su contenido, optimización y generación de landing pages para dispositivos móviles, orientación 100% pensada en SEO. Por incorporar, incorpora hasta variables de lógica de comportamiento por las que podemos definir la presentación de una landing page tomando como referencia el pais de procedencia del usuario, el día de la semana en que estemos, la cadencia de visita del usuario… En fin, una solución que, en la teoría, prácticamente aglutina y mejora todas las características de todas las herramientas de testing conocidas y por conocer. Es una solución, por precio y características, orientada a sitios web de caracter internacional y multiidioma y compuestos por miles y miles de páginas. No conozco a nadie que la haya usado, pero estaría encantadísimo de tener alguna opinión real sobre LiveBall para ver si realmente responde a las expectativas.

Genetify

Genetify es una solución de testing bastante enfocada a desarrolladores y pensada para poder testear alternativas en diferentes elementos de una landing page, desde el CSS hasta cualquier etiqueta de HTML. Puede utilizarse con la inclusión de un simple script y de manera remota o instalando en nuestras propias máquinas si ya tenemos necesidades concernientes a sitios web con volúmenes de tráfico bastante altos.

MaxTEST

MaxTEST parece una solución de testing muy interesante cuando lees cosas como que permite, entre otras cosas, el testing del contenido generado por el usuario para determinar su calidad, testing múltiple de procesos de compra online, etc… cosas que llaman la atención, que parecen interesantes, pero que no vienen nada explicadas en su presentación, que además debes descargarte facilitando tus datos de contacto, WTF! (si no, lo que puedes leer -el enlace- es una decripción muy genérica). A pesar de ello, por lo poco que se cuenta, parece una opción interesante, aunque se agradecería más claridad y extensión en como funciona y en sus características propias.

Hubspot

La solución de testing de los populares HubSpot no ofrece nada excesivamente nuevo que no hayamos visto antes en otras herramientas, pero si que incide en algo muy interesante: los leads. Todos los que hemos trabajado con captación de leads en internet sabemos de sobra lo importante de la optimización en este tipo de landing pages, y la solución de HubSpot se centra en ofrecer sincronización entre la captación de leads del sitio web con el CRM de la empresa, lo cual es una nota muy característica e interesante que hace que valga la pena curiosearlo.

Test&Target

Test&Target es una solución que ofrece un abanico de opciones de lo más jugoso para todo lo relativo al testing, y por supuesto, se integra a la perfección con las herramientas de analítica web de Omniture, por lo que es la opción más clara para los clientes de la marca. Test&Target, entre otras muchas opciones, ofrece la posibilidad de testear el contenido no solo de sitios web, sino de emailings o publicidad de display, también permite diversificar tráfico por variables como geografía, uso horario y otras opciones. Una opción muy interesante es el aprendizaje automático predictivo, lo que permite extraer información detallada de los segmentos de usuarios que han interactuado con las diferentes opciones de landing pages presentadas. Una solución tremendamente completa con muchísimas opciones y funciones, que en el caso de Test&Target 1:1 ya alcanza el summum de la optimización, que es la personalización y adaptación de elementos web de manera individual, usuario a usuario, ya que se almacena con un ID único la interacción de cada usuario para ofrecerle variables personalizadas según su comportamiento o directrices definidas.

Y para terminar, todas estas herramientas ofrecen vídeos de su funcionamiento y también la posibilidad de disponer de una demo (bien de forma directa o bien bajo petición), lo que realmente es la única forma de valorar (probándolas) si nos sirven o no para nuestros propósitos. Así que ya sabeis… revisad vuestros sitios web y testing time!

Por supuesto, no soy para nada una autoridad en el tema, no trabajo en un departamento de recursos humanos ni soy la persona que más entrevistas ha hecho a diseñadores web, pero después de trabajar más de 10 años en diseño web, de ver muuuuuchos curriculums de diseño web y hacer muuuuchas entrevistas a diseñadores para contratar, si que creo que puedo aportar algo tan sencillo como deciros en que debeis centrar vuestro curriculum, en que nos fijamos aquellos que queremos contratar diseñadores web… porque la verdad es que a veces recibes cada cosa…

¿Eres diseñador web?, ¿buscas trabajo? Pues entonces presta atención a estos puntos, que son críticos para que se te valore como tal y se te quiera contratar.

Aunque no tengas muchos trabajos web, de verdad, lo más importante es incluir las URLs en tu curriculum

Lo primero, no, lo primerísimo. Si realmente eres un diseñador web, enseña tu trabajo lo primero, que tu trabajo hable de ti. Leer montones de curriculums de diseñadores web en los que no aparece ni una sola URL, ni una triste dirección web es muy frustrante. Si de verdad has trabajado como diseñador web o aunque sea como gráfico, ENSEÑA TU TRABAJO, por pequeño que sea. Es muy dificil que te llame la atención un diseñador web que no tiene nada que enseñar porque eso generalmente significa: A. No tengo webs que enseñar o B. Tengo webs que he hecho pero que no quiero enseñar. Y no se que es peor.

Lo segundo, no enseñes todo tu trabajo, enseña lo que realmente vale la pena. A ver, todos hemos hecho webs espantosas y tenemos trabajos de los que no nos sentimos orgullosos o que han envejecido mal, por ejemplo. Yo, por ponerme el dedo en el ojo, tengo cosas como esta web online que tiene la friolera de 8 años. ¿La pondría como un trabajo en mi curriculum hoy en día? No, ¿me averguenzo de ella? Pues no, y la verdad, para tener 8 añazos la verdad es que no ha envejecido nada mal, pese a la intro en flash, los marcos, y todas las prácticas que hoy en día son repudiadas por todos (FLASH! MARCOS! IFRAMES! Vade retro Satanas!). En su momento, e incluso hoy, fue un buen trabajo, pero hoy día no tendría valor en mi curriculum.

Lo tercero, sácale valor a tus trabajos. Es decir, no te limites a poner la URL y punto pelota. Explica que has hecho en el diseño de esa web, como has participado, si te has entrevistado con el cliente, qué recursos has utilizado y porque. Es una manera de sacarle a valor a cosas que de otro modo podrían no tenerlo. No es lo mismo poner una URL de un WordPress, que explicar que utilizaste WordPress por esto y por esto, porque el cliente quería esto y que tocaste estas y otras partes, por poner un ejemplo. O explicar como resolviste un problema con un diseño previo y lo actualizaste por otro. Cosas así le dan valor a un trabajo y dicen más de ti. Son detalles que son muy valorables porque dicen más de ti como profesional que colocar una retahila de datos que luego no sepas explicar ni defender en persona.

Lo cuarto, no adornes en exceso. Cada vez que cae un curriculum de infojobs en mis manos me hecho a temblar al llegar a la parte de skills o habilidades, donde he llegado a ver diseñadores con 3 y 4 páginas de conocimientos y habilidades, que si experto en CSS3, en HTML5, en XML, en limpieza de bujías de PC, en Photoshop, en física cuántica, en todo… ¿de verdad alguien se lee eso?, ¿de verdad eso es relevante?. Piensa que es lo realmente importante en el diseño web y señala tus habilidades en 10 o 12 cosas, como mucho. Tener 80 habilidades, además de poco creible, se hace muy largo de leer, y aunque realmente las tengas, cuando se busca a un diseñador web en principio se busca un profesional con un buen dominio de una serie de habilidades concretas. La cantidad no te hace mejor. La claridad, lo concreto, el tener las cosas claras, la creatividad, si que son muy valorables.

Lo quinto y último, pero no menos importante, defiéndete en lo online y en vivo. ¿Tienes un blog, un portafolio, un perfil de LinkedIn, un Twitter? Pues ponlos!!! Si eres un diseñador web tendrás una o varias cosas de estas, que dirán más de ti que un simplón curriculum al uso. Y a la hora de la entrevista personal es importante ver que como diseñador tienes ideas propias, tienes iniciativa, tienes creatividad, te gusta lo que haces, tienes interés en aprender… el responder mecánicamente a las preguntas que te hagan como un robot no es algo atractivo precisamente y el pasarse de euforia tampoco, pero el ser sincero y hablar de tu trabajo, de lo que te gusta de lo que no, de tus influencias, etc… es algo que ayuda a valorar a la persona mucho más que otras cosas.

Y lo dicho, pueden parecer pocos o malos consejos, pero hoy día hay que ser conciente de que nadie quiere malgastar tiempo en nada, así que te guste o no, el curriculum es tu puerta de entrada a mucha gente, y hay que tenerlo trabajado y bien pensado, como si fuera una web, en la que todos sabemos que cuentas con pocos segundos (sí, segundos) para captar la atención e interés del usuario. Espero que, por lo menos, alguno de estos “consejos” os ayude a entender la importancia real de las cosas en el proceso de selección de un diseñador web… algo nada fácil, os lo aseguro.

Tras ese primer post, ahora le toca el turno a este, en el que trataré el tema de como planificar un test A/B y como utilizar una metodología básica, una guía que sirva para que este tipo de test nos de los mejores resultados e información posibles, independientemente de las herramientas con que se realice.

Lo más importante de un test A/B está en su planificación, en su metodología en como hacerlo y, sobre todo, para que.

Este tipo de test son una herramienta de mejora de gran valor, pero deben realizarse en un marco concreto, siguiendo unos mínimos pasos y, sobre todo, por una razón de peso y buscando precisamente esa mejora, pero no como una acción de entretenimiento o de prueba porque sí.

Como puede verse en esta gráfica de Optimizer, un test A/B puede comenzar con una versión dando muy buenos resultados para luego cambiar radicalmente. De ahí la importancia de tener un método, una guía, que de consistencia a la prueba

Dicho esto, los pasos principales, el método básico, la guía para conseguir realizar un test A/B que sea un éxito y nos de información relevante sobre nuestro sitio web se basa en:

1. Tener claros los objetivos o valores del sitio web. Lógicamente, por obvio que parezca, este es el punto de partida. Si no sabemos cual es el objetivo a alcanzar, los valores que marcan el horizonte de a donde queremos llegar, va a ser muy dificil que busquemos una mejora, porque no tenemos referencia de si estamos mejor o peor, y la intuición no sirve.
2. Reconocer claramente indicadores que nos digan de manera inequívoca que debemos realizar un test A/B. Si, por ejemplo, queremos tener 500 leads al mes generados por una página que recibe 10.000 visitas en el mismo periodo de tiempo, ya sabemos que eso implica un 5% de conversión, así que configura ese objetivo en Analytics y observa. Si no llegas a ese porcentaje de conversión, un test A/B sobre esa página puede ser una de las herramientas que te ayuden a conseguirlo, pero no debe hacerse porque sí. Esa observación de indicadores es la “palanca”, el gatillo que dispara las acciones de mejora y aquí el testing cobra todo el sentido.
3. Identificar con claridad la página de nuestro sitio web sobre la que se va a realizar el test. Un test A/B debe realizarse sobre una página concreta en la que efectivamente no se alcanzan los objetivos propuestos (que sean realistas, por favor, las conversiones del 67% para las historias de ciencia ficción), y dicha página debe ser significativa, es decir, debe tener tráfico, debe generar cierto volumen. Hacer un test con una página poco significativa por volumen no dará una información de valor. Intentad que, si es posible, la página sobre la que se va a ejecutar el test tenga un mínimo de entre 250-400 conversiones (de lo que sean) al mes. Para identificar las páginas que peor ratio de conversión tienen, ya sabeis, os vais a Analytics, previa configuración de objetivos, y, entre otras formas, os generais un informe personalizado que os diga el ratio de conversión a objetivo de cada página del sitio web. Es la forma más apropiada de conocer de manera fiable donde están los puntos de mejora a nivel de cada página de producto. No pensemos que todos los productos convierten igual o se comportan de la misma manera.
4. Escoger un periodo de tiempo adecuado. Por favor, nada de testing en Navidad, en Semana Santa, en vacaciones de verano o en periodos que no sean representativos de la actividad y estables.
5. Garantizar unas condiciones de “normalidad” en el sitio web y, en concreto, en la página sujeto del test. Es decir, nada de enviar de repente ingentes cantidades de tráfico, ni duplicar la inversión publicitaria ni, en resumen, hacer nada distinto a lo que se venía haciendo, porque si las condiciones del test se alteran sustancialmente, el valor de sus datos también.
6. Diseño gráfico, maquetación y a lanzar el test A/B. Sobre todo, que un test A/B sea eso, un test A/B y ofrezca como mínimo al usuario dos versiones alternativas (mínimo) de la página sujeto de testing. Es decir, no hais pequeñas modificaciones, para un test A/B sino todo lo contrario, plantear cambiso grandes en la arquitectura visual, en el diseño gráfico de la página en cuestión. Para afinar resultados y valorar la validez de copys, textos, etc, ya utilizaremos un test multivariante, pero no un A/B. Y ahora, escoge una herramienta, monta el test y a funcionar.
7. Comprobar el correcto funcionamiento. Tanto navegando como un usuario, con diferentes sesiones en diferentes navegadores, como utilizando Analytics (viendo que la URL del test figura como contenido y por tanto recibe tráfico), comprueba que todo funciona OK.
8. Establecer un periodo de prueba suficiente y consistente. Hay que entender que un test precisa de un mínimo periodo para validar sus resultados. Un test de un solo día os va a dar una información muy sesgada, muy poco fiable. Además de que sea un periodo estable, mantened el test entre 20 y 45 días, por ejemplo, aunque depende mucho de los volúmenes de tráfico.
9. Valorar la evolución de los datos de manera diaria pero sin emitir conclusiones. Comprueba que los datos varian, que los ratios cambian, etc, pero nada de sacar conclusiones de manera precipitada. Un test cuyas versiones alternativas empiezan funcionando muy bien puede acabar al contrario y vicecersa.
10. Finalizar el test y extraer las conclusiones y decisiones que correspondan. Una vez habeis hecho todo lo anterior, toca recopilar los datos del test y de ahí sacar conclusiones y ejecutar acciones, que pueden ir desde un cambio radical en la propuesta de diseño de la página analizada, hasta no hacer absolutamente nada, porque el test ha servido para demostrarte que de X número de alternativas, resulta que la original es la que mejores resultados te da.

Por supuesto, esta es solo una guía genérica con buenas prácticas para planificar y ejecutar un test, pero cada uno debe pensar y adaptar su propio sistema de testing porque cada sitio web y cada negocio online tiene sus propias particularidades que pueden hacer que haya que poner o quitar pasos en este sencillo proceso.

Así que ahora ya sabeis, a darle vueltas al coco y testing time!

Dicho esto me he propuesto escribir una serie de post que compongan una especie de guia básica de optimización web, en la que el test A/B es una buena parte, porque todos tenemos muy claro que es, para que sirve y como hacer un test A/B, ¿o no? La mejor opción es siempre empezar por el principio, un “back to basics”, porque no conviene presuponer que todos sabemos lo que son las cosas por muy populares que se hayan vuelto.

Y el principio aquí es ¿qué es un test A/B?

Un test A/B, hablando del entorno web,  es un método que permite ofrecer al usuario, sin que éste lo sepa, dos o más versiones de una misma página de un sitio web, de forma que el mismo producto, servicio o contenido de una página puede ser ofrecido a diferentes usuarios bajo diferentes layouts o diseños. La herramienta que hayamos escogido para ejecutar el test A/B recogerá la información relativa al rendimiento de cada uno de los diseños en función de la conversión a objetivo que cada uno coseche, y de esta forma dispondremos de una información 100% empírica (basada en datos) sobre la capacidad de cada diseño para generar mejores resultados, sean estos los que sean.

Explicado de una manera más pausada, un test A/B nos permite, en primer lugar, comprobar que modelo de presentación o interacción funciona mejor para una página web, por ejemplo:

Ejemplo de un test A/B real, comparando dos modelos de presentación e interacción muy diferentes del mismo producto

Y luego, pasado un periodo de prueba consistente y bien planificado, los datos que obtengamos del test A/B nos permitirán evaluar la capacidad de nuestras propuestas para conseguir el objetivo deseado, ya que lo que se mide aquí realmente es que ratio de éxito tiene cada modelo en la consecución del objetivo de la landing page: generación de leads (contactos), descargas efectuadas de un archivo, inicio de procesos de compra, y un larguísimo etecetera compuesto por todas aquellas acciones susceptibles de ser consideradas objetivo de una página web.

La cuestión de fondo antes de plantear un test A/B es precisamente tener claro cual es el objetivo, no del sitio web, sino de la página específica sobre la que se va a ejecutar el test.

El test A/B no es nada nuevo, por mucho auge que viva ahora en el escenario de internet. Ha existido siempre y en todos los campos. Cuando se consigue un modelo inicial de lo que sea, rara vez se da por finalizado, y cualquier modelo, proceso o producto es sometido a muchos test A/B a lo largo de su vida (entre otras muchas cosas para hacerlo evolucionar) para conseguir el mejor ratio posible de consecución de objetivo o de satisfacción del cliente.

Los 10 mandamientos del buen diseño de Dieter Rams pueden aplicarse perfectamente a la web

Dieter Rams, probablemente pensando en sus principios de diseño

Y de hecho, estos principios o mandamientos, aplicados a un sitio web, son, por lo menos en mi opinión, un buen termómetro de la calidad y utilidad de su diseño.

Estos famosos 1o mandamientos o principios son:

1. El buen diseño es innovador.
2. El buen diseño hace un producto útil.
3. El buen diseño es estético.
4. El buen diseño ayuda a un producto a ser entendido.
5. El buen diseño es discreto.
6. El buen diseño es honesto.
7. El buen diseño es duradero.
8. El buen diseño es constante hasta el último detalle.
9. El buen diseño está concienciado con el medio ambiente.
10. El buen diseño es tan poco diseño como sea posible.

Vale que no todos son 100% aplicables al diseño web si los interpretamos literalmente, pero desde luego un buen número sí lo son, y de hecho suponen una ayuda en la definición de un diseño web como un elemento de real utilidad y correctamente orientado. Es fácil comprobarlo de la siguiente forma, aplicando estos principios al diseño web:

1. El buen diseño es innovador. Un diseño web innovador es algo complicado de definir, por las características del medio, que tienen sus limitaciones y lo definen, pero desde luego, lo que es incuestionable es que la innovación en un diseño web ayuda a diferenciarse sobremanera, más a ún hoy día, en un mundo web hiperpoblado de clones, gracias a herramientas coo WordPress o Magento, de gran utilidad práctica, pero con nula capacidad innovativa en cuestiones de diseño.
2. El buen diseño hace un producto útil. Creo que no hay discusión posible en este principio. Un diseño web es útil solo si es vehículo para conseguir el propósito del sitio web. Si no es así, el diseño puede ser un vehículo de lucimiento o una muestra de habilidades, pero poco más. Y si no es util, ¿para qué queremos ese diseño?
3. El buen diseño es estético. De nuevo, algo básico e indiscutible. Un buen diseño siempre se acompaña de una coherencia estética. Son elementos indisolubles. No hablamos de gustos personales, sino de que debe haber una estética identificable del diseño, homogénea.
4. El buen diseño ayuda a un producto a ser entendido. Quizás la parte más importante, si el diseño no sirve para que el usuario o cliente entienda lo que tiene delante, en este caso una web o un producto dentro de una web, el diseño desde luego no es bueno.
5. El buen diseño es discreto. Siempre que sale un tema de estos recuerdo la web que hizo Homer Simpson repleta de GIFs animados. La discreción, la mesura, el raciocinio y la proporción ayudan a que un diseño sea mejor precisamente por enfocarse principalmente en sus objetivos y no perderse en las formas. Aunque también es cierto que la web está repleta de cosas horripilantes que, contra todo pronóstico, consiguen, y muy bien, sus objetivos.
6. El buen diseño es honesto. Supongo que podemos utilizar lo que significa honesto para explicar, en un diseño web, la importancia de la coherencia del diseño y de que éste sea proporcionado y adecuado a lo que se quiere representar.
7. El buen diseño es duradero. Quizás este principio es el más difícil de aplicar al entorno web. En un medio como internet hablar de duradero (o muy duradero) pueden ser 6 o 7  años. Más allá de eso es difícil mantener un diseño vivo, aunque si es cierto que si está bien concebido, los cambios no afectarán a la esencia. Pero el entorno web se caracteriza por ser extremadamente cambiante. Desde luego hay ejemplos de diseños duraderos aún así, pero son difíciles de encontrar.
8. El buen diseño es constante hasta el último detalle. La atención al detalle es desde luego un claro elemento diferencial en muchos diseños web. Un pequeño detalle puede marcar mucha diferencia.
9. El buen diseño está concienciado con el medio ambiente. Quizás el más dificil de encajar en el entorno web.
10. El buen diseño es tan poco diseño como sea posible. Un alegato a favor del minimalismo y de lo concreto, de resaltar la funcionalidad y el fondo en lugar de la forma, ¿a qué suena a como son muchas webs?

Desde luego, y como conclusión, la importancia del diseño web está fuera de toda duda y estos principios constituyen una buena guia inicial de calidad de diseño en nuestros sitios web.

De remate, el propio Dieter Rams afirmó en una entrevista en 2009 que según su criterio la única empresa que hoy día cumplía sus principios de diseño era Apple. Por si alguien tiene dudas sobre ello, aquí puede verse una comparativa entre los diseño de Dieter Rams de los 60 y los diseños actuales de Apple, de Jonathan Ive, donde desde luego las similitudes son claras.

La optimización generalmente se plantea tras el lanzamiento de un proyecto y cuando éste lleva un recorrido inicial que permite obtener una serie de datos (ventas, tiempos de visita, rebotes, fuentes de tráfico, etc) que a su vez hacen posible el analizar su rendimiento y, a partir de ahí, empezar a proponer acciones de mejora en el sitio web siempre buscando un mejor rendimiento en función del objetivo principal del sitio web.

Sobre estos temas, y en concreto de optimización de un ecommerce de servicios, hablamos largo y tendido en el Conversion Thursday de Madrid el pasado 17 de febrero

En concreto, en función del análisis de un proyecto de ecommerce de servicios durante un periodo de 18 meses se encontraron 10 puntos clave de optimización web, cuya mejora y el encontrar un modelo óptimo es necesario para alcanzar umbrales de rentabilidad.

Antes de detallar los 10 puntos de mejora claves en un ecommerce os dejo el vídeo de la exposición de este tema en el Conversion Thursday de Madrid:

www.youtube.com/watch?v=yMo3FbeZsqM

Sobre los 10 puntos clave de optimización y mejora de un ecommerce, en este caso de servicios, que tratamos esa tarde, éstos son:

1. El TPV. La pasarela de pago que empleemos es determinante en el éxito de las operaciones de venta. Hay TPVs con sistema CES (3D Secure), que son la mayoría, y que tienen sentido en el marco de la venta de bienes físicos. Quizás en el sector servicios tengan menos sentido, y, en general, debes tener un TPV adecuado a lo que vas a vender y que, en la medida de lo posible, permita integración con tus sistemas financieros, de pedidos y logística, etc.
2. Los medios de pago. Aunque la mayoría empezamos con un único medio de pago en un ecommerce, la verdad es que es necesario disponer más de uno aunque tampoco debemos dar una lista de opciones tan larga que al final caigamos en la paradoja de la elección (el usuario, abrumado por múltiples opciones, decide no escoger ninguna). En función del lugar de venta, debemos disponer de los medios de pago apropiados.
3. Probar lo que se va a comprar. Si es posible y el producto lo merece, es una opción interesante el permitir al usuario probarlo durante un tiempo limitado antes de pagar por él. Es una opción que genera confianza, pero el producto debe ser muy sólido.
4. Geolocalización de contenidos. Cada pais, aunque utilice un mismo idioma, tiene su propia idiosincrasia. Esta es la realidad, así que adaptemos nuestros contenidos a la realidad. No podemos escribir igual para un usuario de Argentina que para uno de Perú, aunque ambos hablen español.
5. Testing. Gran parte de la mejora en lo que a interfaces, disposición de elementos y presentación de productos se refiere está en el testing como sistema que permite determinar que opciones son las que realmente prefieren los usuarios. El testing te da conocimiento de usuario, de cliente, y eso es básico para optimizar un ecommerce y conseguir eficacia.
6. Optimización de contenidos. La redacción de cada producto debe estar orientada a ese producto y pensada con una estructura de copys atractiva y bien armada.
7. Las llamadas a la acción. A veces tenemos clarísimo lo que queremos conseguir, pero la forma de dirigir al cliente a ese objetivo no es tan clara. Es básico trabajar las llamadas a la acción y la claridad en ellas.
8. Optimización de la oferta. ¿Para qué sirve un producto?, ¿qué consigo con él? Imprescindible que el cliente tenga clarísimo lo que le va a aportar lo que le vendemos y el valor que esto tiene.
9. Proceso de compra. Una parte crítica de cualquier ecommerce. Hay rios de tinta sobre este tema, así que por no extenderme, una clave básica es no solicitar aquellos datos que realmente no necesitemos para formalizar una venta, ¿para qué los quieres?, ¿cuando te compras un pantalón te preguntan los años que tienes, en que calle vives o como has conocido la tienda?, ¿te comprarías un pantalón si te preguntaran todo eso? Porque yo pensaría que el vendedor es un psicópata.
10. Optimizar el tráfico. OK, tenemos un ecommerce; OK, funciona y tenemos tráfico, pero desde luego las ventas solo te las van a dar determinado tipo de tráfico. La cantidad es importante, pero no es lo más importante. La calidad del tráfico es fundamental. Si yo vendo cuadros y la gente entra a mi sitio web por el término “aprender a pintar cuadros” es probable que de aquí no saque muchas ventas.

Y para terminar, aquí teneis las diapositivas empleadas en la presentación del Conversion Thurday de Madrid del 17 de febrero. Agradecer desde aquí la asistencia a los que estuvieron allí (@sorprendida, @barbmk, @ana_sopli, @gemamora, @aleyda, @ivo_campos, @patsapel, @paula_sanchez, @esmargoz, @guillermovalls y a Sergio Maldonado de @mvconsultoria, y muchos más!!!) y por supuesto gracias a la organización por contar conmigo.

El snippet es el resumen y enlace al sitio web que aparece en la página de resultados de Google, o SERP

Una vez que ya tenemos claro lo que es un snippet en Google, ya sabemos que una búsqueda en Google aparecen varios en una página de resultados, y la siguiente pregunta suele ser, ¿cómo se forma el snippet de Google, de donde salen esos textos? Esta es la anatomía de un snippet normal a día de hoy, con una búsqueda hecha sin login en Google y una sesión limpia:

Todo lo que aparece en negrita es porque coincide con los términos de búsqueda que hemos introducido al hacer la búsqueda, en este caso “peliculas de los 80″.

Ahora bien, la gracia está en saber de donde saca Google la información para construir el snippet, he aquí las directrices principales, aunque no son las únicas ni esto es una ciencia exacta:

1. El texto del enlace a la web sale de la etiqueta <title> que la mayoría de los sitios web tienen bien colocadas y pensadas en cada una de sus páginas, aunque hay miles de páginas cuyo enlace y título es el ya clásico “Untitled Document”. Digamos que en estos casos alguien no hizo los deberes.
2. Las dos líneas descriptivas de lo que te vas a encontrar en la web a la que vas a ir suelen salir de la etiqueta <description> si es que la página tiene una etiqueta description, porque si en la descripción de la etiqueta no aparecen las palabras que hemos introducido para hacer la búsqueda, el texto será reemplazado por otro de la misma página que contenga esas palabras, como norma general. Aquí también hay errores y fallos históricos, como el que le paso al snippet de la web de Zara, que fue indexado con texto de prueba, como puede verse en este post de Joseba Umbelina.
3. La dirección web es justo eso, la dirección de destino de la página a la que corresponde el snippet, aunque no enlaza a la web. Ese honor es para el título, el enlace azul.

Si quieres saber cuantos snippets de un sitio web tuyo tiene Google, y por tanto, los que va a presentar en las páginas de sus resultados de búsqueda, es tan sencillo como introducir “site:www.direcciondetusitioweb.com”, un valor que varia con el tiempo, en función del contenido que generes y, en ocasiones, de las marcianadas que haga la gran G.

Y para terminar con el maravilloso mundo del snippet aquí teneis el video en el que Matt Cutts explica como funciona el snippet de Google, incluyendo los sitelinks, que son esos enlaces “extras” que en ocasiones aparecen con el snippet del primer resultado de Google:

www.youtube.com/watch?v=vS1Mw1Adrk0

Desde el punto de vista del diseño web siempre me ha parecido fundamental controlar y medir que navegadores de internet utilizan los usuarios en los sitios web en los que trabajo y que resoluciones de pantalla, además de otros indicadores igualmente importantes.

La evolución de uso de los navegadores de internet en tan solo un año ha sido lo bastante significativa como para tenerla en cuenta a nivel de diseño web.

Es un dato muy importante sobre todo por asegurarnos de que el CSS va a funcionar igual en todos los navegadores empleados y también asegurarnos de que el sitio web se va a visualizar igual en cualquier navegador, sin hacer cosas raras si vemos la web en Firefox, Opera, Chrome o en Internet Explorer.

Estudiando recientemente la evolución del uso de navegadores de internet por parte de los usuarios en varios perfiles de Google Analytics que mido, en los que hay sitios web de temátcias muy diferentes, se aprecian cambios muy importantes en el uso de navegadores web por parte de los usuarios. Como muestra, esta comparación tipo (una media entre 5 sitios web de temáticas distintas) entre el uso de navegadores en el primer trimestre de 2009 y en el primer trimestre de 2010:

Comparativa de uso de navegadores de internet entre el primer trimestre de 2009 y el primer trimestre de 2010.

Podemos observar cosas bastante interesantes:

1. Internet Explorer pierde una cuota de uso de casi el 8,5%, y los grandes beneficiados son Chrome y Safari, y no Firefox, como se podría intuir en un principio.
2. Firefox se consolida como el segundo navegador en uso, pero no incrementa sus usuarios de forma relevante. Se mantiene con un nada despreciable 21%.
3. El crecimiento de Chrome y Safari es muy llamativo y significativo, como lo es igualmente el estancamiento de Opera. Con porcentajes entre el 3% y el 6% de la navegación total de un sitio web ya no podemos considerar a Chrome o Safari navegadores secundarios o de freaks o de gente que no es cliente potencial. Con ese volumen, ya no podemos.

Este tipo de información pone de manifiesto la importancia de realizar diseños web que sean 100% visualizables y funcionales (por ejemplo, que el introducir un user y password funcione en todos los navegadores) en la mayor parte de los navegadores, porque si no os arriesgais a perder visitas si la web no está preparada para todos los navegadores.

Puede afirmarse que si una empresa no tiene su web optimizada para ser visualizada y operativa en Firefox, por ejemplo, puede estar perdiendo un tráfico entre el 15 y el 20% del total, simplemente porque su home no se ve bien o porque no funciona correctamente (formularios, logins, etc.). Como es lógico, aquí hay un problema grande y más aún si mueves tu negocio a través de internet. Lo recomendable es concebir la web para que funcione correctamente en todos los navegadores de internet.

Y ya para finalizar, si queremos detenernos en las versiones específicas de navegadores es muy llamativa la evolución media de uso de Internet Explorer entre el primer trimestre de 2009 y el de 2010:

Estadistica media de uso de las diferentes versiones de Internet Explorer entre el primer trimestre de 2009 y el de 2010.

Como puede verse la evolución de uso de las diferentes versiones de Internet Explorer hace que hoy en día nos veamos obligados a seguir pensando en el dichoso IE6, con todos los problemas de CSS que conlleva, ya que el reparto de versiones de Internet Explorer aún le da cuotas de uso muy altas, cercanas al 20% de la navegación de internet llevada a cabo con IE, lo que supone más o menos y según los datos que hemos ido viendo aquí el 13,7% del total de la navegación de un sitio web, por lo que de momento nos guste o no debemos seguir acordándonos de Internet Explorer 6.

Las tendencias de uso cambian bastante de un año para otro y es muy importante controlar este tipo de información, ya que si una nueva tecnología relacionada con internet, como pueden ser los navegadores, irrumpe con fuerza y no somos capaces de verlo corremos un riesgo grande de perder tráfico de clientes potenciales o de darles un servicio nefasto en lo referente a nuestro sitio web. Debemos probar nuestros diseños con todas las variantes principales de navegadores para garantziar el sevicio a las personas que van a navegar por ellas.

La página de resultados de google.es (o SERP) que me he encontrado es muy muy parecida a la SERP de Bing

Pagina de resultados nueva de Google.es para la búsqueda "alquilar coche" - Clic sobre la imagen para verla grande.

Por comparar y entrender el porque llama la atencion tanto este cambio, aquí podeis ver una página de resultados del buscador Bing:

Pagina de resultados del buscador Bing para la búsqueda "rent a car" - Clic sobre la imagen para verla grande.

Como puede verse a simple vista, la disposición de los elementos de la nueva página de resultados de Google es muy similar a la de Bing, sobre todo en lo referente al menú vertical de la parte izquierda, algo nuevo en google y que fue una apuesta de Bing. ¿Es este el futuro de la página de resultados de Google?

Como el tema me ha llamado mucho la atención, he abierto otro navegador distinto (Firefox) con una sesión nueva y he entrado en google.es a ver que me encontraba, y ahí no, me ha salido la página de resultados a la que estaba acostumbrado, habiendo hecho la misma búsqueda, “alquilar coche”:

Página de resultados "clásica" de google para la búsqueda "alquilar coche" - Clic para ver la imagen grande

Al subir varios grados mi mosqueo he abierto otro navegador más (IE8), con otra sesión nueva y he vuelto a entrar en google.es y tampoco me ha salido la página de resultados nueva, sino la última a la que estaba acostumbrado, así que deduzco que en Google están probando esta nueva interfaz de la página de resultados de forma aleatoria y que supone un cambio a nivel de usabilidad y de diseño bastante grande respecto a la página de resultados a la que estábamos acostumbrados. Además he visto que otras personas se han percatado de este cambio, como es el caso del Señor Muñoz, que habla de lo mismo en este post: la nueva interfaz gráfica de Google

Los principales cambios que pueden apreciarse en la nueva página de resultados de google.es son:

Hay un menú a la izquierda de los resultados para que podamos acceder desde allí a la misma búsqueda en Maps, en Vídeos, filtrar la búsqueda por fechas o similares. Además esas opciones están representadas por iconos gráficos, lo que les da una relevancia visual importante, haciendo que el usuario repare mucho antes en ellos que en los snippets tradicionales.

Aunque se nos dice el número aproximado de resultados para la búsqueda que hemos hecho, el tamaño de la fuente es menor y el color es un gris apagado que hace que sea menos visible al ojo. Además, se ha suprimido el número de resultados que estamos viendo en la página, mientras en la página de resultados “clásica” vemos que estamos viendo los resultados del 1 al 10, en la nueva, esta información no se indica.
La localización geográfica cobra un protagonismo importante, ya que directamente bajo la caja de búsqueda aparece un icono indicándonos donde estamos ubicados, o donde cree Google que estamos, ya que en estos ejemplos dice que estoy en Barcelona, cuando estoy en Zaragoza. Esta geolocalización ya está presente en la página de resultados “clásica” pero no de una forma tan aparente.
La caja de búsqueda tiene mayor tamaño y el texto aparece en negrita. El botón “Buscar” también ha cambiado. Además, el tamaño de la fuente en la búsqueda se ha incrementado un pixel y hay otros cambios en el grafismo: el logo de Google es menos plano y juega con sutiles degradados, etc.

Eso sí, en lo referente al posicionamiento, nada parece cambiar, los resultados y su orden son los mismos en ambas interfaces de búsqueda, pero lo que sí puede cambiar con esta ¿mejora? es la clicabilidad de los resultados, tanto orgánicos como de pago, ya que a simple vista, los resultados orgánicos parecen tener menos protagonismo que los de pago o el menú de navegación a la izquierda, lo que puede redundar en menos clics en los resultados SEO y más clics para los de pago o las opciones de navegación de la búsqueda.

Al tratarse de una prueba más o menos aleatoria hay que deducir que Google está probando esta nueva página de resultados, tan “inspirada” en Bing. Si la implanta o no el tiempo nos lo dirá, pero lo que puede suceder con esta nueva página de resultados, aunque es una incógnita, puede pasar por:

1. Descenso en los clics de los resultados orgánicos, dado que éstos, con la inclusión del menú a la izquierda, resultan menos visibles al usuario.
2. Al implantar tanto la geolocalización y opciones de búsqueda avanzada desde la primera página de resultados (filtrar por fechas, etc) se incrementara la diferencia de uso de los buscadores, abriendo una brecha muy grande entre los usuarios avanzados y los usuarios de perfil bajo. El usuario avanzado aprenderá a customizar su búsqueda al máximo, pero el usuario novato se quedara como estaba y además verá sus búsquedas muy sesgadas por la geolocalización, la busqueda personalizada, etc.
3. Una importancia mayor de los resultados de negocios locales, con mapas, dado que ahora todavía tienen mayor visibilidad ya que quedan como elemento más relevante de la búsqueda, más que antes incluso, ya que al añadir más iconos y opciones se presentan como la opción más fácil en la que hacer clic.

Por supuesto todo esto son conjeturas y especulaciones, pero no creo que Google hiciera una prueba de este tipo si no tuviera en mente cambiar su manera de presentar los resultados, ¿o no?

El día del vendedor de comercio electrónico en la V Feria de Tiendas Virtuales, en Walqa, pintaba muy bien, con ponentes de mucho nivel y prestigio a nivel nacional.

En la web de la V Feria de Tiendas Virtuales puede consultarse mucha informacion sobre el evento.

Como elegí esos tres eventos me perdí a Fernando Maciá y a Javier Gosende, y aunque me hubiera encantado, la verdad es que como ya le he visto 4 o 5 veces, y siempre con un enorme nivel, preferí ir a ver a ponentes que aún no había visto en eventos de este tipo.

Con 8 horitas de traca por delante me presenté en Walqa a eso de las 9:15, y tengo que decir que como no había indicaciones de hacia donde ir tuve que entrar hasta en dos edificios y preguntar donde eran los talleres varias veces hasta que supieron orientarme. De hecho llegaron a decirme que no había nada ese día y que me había equivocado, pero bueno, dejemoslo como anécdota.

Taller “Optimización y consejos para tiendas virtuales de éxito”, con Jordi Oller.

Esperaba mucho de este taller, lo primero por su título, muy goloso, con palabras clave para el negocio en internet como pueden ser optimización y éxito, y también por el ponente, Jordi Oller.

Lo primero que hizo Jordi al llegar a una sala con todas las plazas cubiertas fue hacer que nos presentaramos, indicando de que sector veníamos y diciendo la URL de nuestro comercio electrónico, para luego poder hacer algún ejercicio práctico. La verdad es que al presentarnos quedo claro que había niveles muy dispares, desde gente con mucho recorrido en el comercio electrónico, como los chavalotes de Andotel o la gente de Aceros de Hispania, y luego también bastante gente que no tenía comercio electrónico y que solo iba a escuchar y aprender, lo que está muy bien porque da a entender que el comercio electrónico cada vez interesa más y se ve como una solución importante, pero tiene su lado negativo, que es que este tipo de talleres se resienten al tener perfiles con niveles tan distintos, lo que supone no poder hablar de cuestiones muy avanzadas o tener que hablar de cuestiones muy básicas forzosamente.

Lo que Jordi Oller hizo en su taller fue hacer un repaso muy exhaustivo a las cuestiones principales que deben tenerse en cuenta a la hora de mantener una tienda virtual, indicando un buen número de consejos para cada cosa: diseño, seguridad, marketing, usabilidad, etc. Lo bueno de este tipo de taller es que te permite ver si cumples con todo o te falta mucho, o poco. Lo resumió todo en una presentación muy completa llamada “Optimización de tiendas virtuales” que recomiendo leer a cualquier interesado en el tema del comercio electrónico, tenga o no una tienda online, ya que reume una serie de conceptos básicos y pueden verse así de un plumazo.

Principalmente Jordi insitió mucho en los siguientes temas:

• En internet solo disponemos de dos sentidos: la vista y el oido, por lo que el diseño de la tienda virtual, tanto desde el punto de vista gráfico como desde la usabilidad, es fundamental.
• Recalcó en numerosas ocasiones la importancia del botón de compra, lo atractivo que debe ser y como debemos jugar con él.
• Insistió mucho en la importancia de disponer los contenidos en forma de L, y aunque en su presentación incluyó una L en su posición normal, supongo que se referiría a la disposición en forma de L invertida o “triángulo de oro”, que es la zona con más visibilidad de un sitio web y se compone del triángulo que hace nuestra vista de izquierda a derecha y de arriba a abajo, formando esa figura geométrica.
• Debemos ser visibles e incluirnos en directorios específicos de comercio electrónico, como redtienda.es o tendalia.com
• Aparte de la importancia de la seguridad, citó unas cuantas aplicaciones interesantes para hacer chat de soporte online, como son PHPLive, Kayako, Live Support y Crafty Syntax.

Invertimos mucho de las 4 horas en diferentes dudas del público, lo cual está muy bien, pero eché en falta que en tanto tiempo no hiciéramos ningún caso práctico con las webs que cada asistente habíamos aportado al principio. Del mismo modo, hubo preguntas, como la que hice yo mismo sobre la integración de las pasarelas de pago en el diseño de un sitio web o el orden de petición de los datos de un formulario de compra, en las que Jordi no entro en profundidad, y fue una pena, dada su experiencia en el tema.

En resumen, fue un buen taller básico sobre aspectos a tener en cuenta para el matenimiento estándar de un comercio electrónico y el día a día, aunque por ejemplo no se habló de herramientas fundamentales para el comercio electrónico, como Analytics u Optimizer, por citar solo dos.

Seminario “e-commerce en las redes sociales”, con Jordi Oller.

Por la tarde repetí con Jordi Oller, porque el título y tema del seminario me parecían muy interesantes, centrándose en un tema como el hacer comercio electrónico apoyándose en las redes sociales.

Jordi abordó el tema centrándose en cinco apartados muy concretos de integración del comercio electrónico con las redes sociales, pero eso sí, hablando siempre de Facebook y mencionando aplicaciones y posibilidades de Facebook. Los cinco ejes del taller fueron:

1. Crear una página de Facebook de tu comercio electrónico. Explico como hacerlo y las posibilidades de viralidad que ello supone, además de poder acceder a estadísticas sobre los visitantes de nuestra página, lo que nos permite tener un perfil preciso de las personas interesadas en nuestros productos.
2. Marketing en Facebook utilizando los anuncios de la red social, que nos permiten segmentar nuestra publicidad de manera muy optimizada para enfocarla solo al público potencial de nuestros productos o servicios.
3. Integración de Fan Box, el widget de Facebook, en nuestros comercios electrónicos, lo que nos permite socializar nuestras tiendas e ir incrementando nuestro número de fans.
4. Integración de Facebook Connect
5. Creación de aplicaciones para Facebook.

Al igual que en su taller de la mañana, un buen resumen para iniciarse en las cuestiones relativas a Facebook y a promocionar nuestras tiendas online en la red social, aunque hubiera estado bien algo más de chicha, como por ejemplo conocer experiencias reales de comercios electrónicos con fuerte presencia en Facebook o poder analizar alguna campaña con buenos CTRs en la red social. Aquí podeis consultar su presentación, “Tiendas virtuales en las redes sociales”

Seminario “Como mejorar la usabilidad de mi tienda virtual”, de Daniel Torres Burriel

Supongo que como la mayoría de personas que nos dedicamos a esto de internet desde un punto de vista que incluye diseño, usabilidad, etc conozco de sobras a Torres Burriel y su trabajo, siempre relacionado con la usabilidad de los sitios web, fundamental a nivel de negocio.

Para mi su seminario fue lo mejor de esta V Feria de Tiendas Virtuales, por el tono 100% práctico (viendo un caso concreto, el del rediseño del sitio web de la asociación de empresas de turismo deportivo de Aragón) y por su aportación basada en sus experiencias en el trato con clientes y en el trabajo de proyectos específicos.

Torres Burriel hizo hincapie repetidas veces en la importancia de que el concepto de lo que queremos hacer en un sitio web esté totalmente claro y perfectamente definido anets de su realización, lo que implica un trabajo previo de conceptualización bastante duro, pero muy necesario para que el resultado final sea un reflejo fiel de la idea inicial y además suponga la mejor manera de conseguir los objetivos planteados.

En su seminario  “Cómo mejorar la usabilidad de mi tienda online“, Torres Burriel explico como mejorar la usabilidad de nuestras tiendas online a través del trabajo en tres áreas:

1. Mejoras desde la conceptualización. Aclarar todos los conceptos previos del proyecto (funcionalidad, objetivos, alcance, quien es quien en el proyecto, etc.), analizar los riesgos y elaborar un plan de trabajo, y finalmente plasmar todo ello en forma de wireframes o bocetos del sitio web, previos al diseño final y que constituyen su “guión”.
2. Mejoras a partir del test de usuarios. El test de usuarios es una prueba de usabilidad que se basa en la observación y análisis de como un grupo de usuarios reales utiliza un sitio web (definición de Yusef Hassan), y partiendo de ello podemos realizar un análisis exhaustivo y de gran valor que permita mejorar el sitio web notablemente (identificar puntos no claros para el usuario como rótulos, botones, etc., mejorar funcionalidades que el usuario echa en falta, etc.). El test de usuarios debe hacerse cuanto antes mejor, incluso sobre el boceto, y puede hacerse de forma profesional o incluso con personas de nuestro entorno, dejando claro que queremos que hagan los usuarios y que les vamos a pedir. Esta parte fue muy muy intersante, ya que Torres Burriel incluso detalló como hacer una matriz de resultados de un test de usabilidad o como hacer un test paso a paso.
3. Mejoras a partir del diseño visual. En palabras de Torres Burriel, “ponga un diseñador en su vida” (no puedo estar más de acuerdo con esta frase, aunque desde luego no sirve cualquier diseñador). Lo que hizo en este apartado fue mostrarnos como el diseño visual, basado en el trabajo de conceptualización previo, puede hacer que un sitio web represente la idea del producto fielmente y se convierta en un vendedor inmejorable, poniendo como ejemplo, entre otros, a floresfrescas.com o gingerbreadusa.com

Desde luego, el mejor y más útil seminario al que asistí, así que os reomiendo leer su presentación, y lo que es más importante, asimialrla con calma e incorporala a nuestro trabajo de una manera personalizada según las necesidades de cada uno.

Para rematar el día, pude terminar charlando un buen rato con Torres Burriel, Fernando Maciá o Cristobal López, muy buena compañía en muy buen ambiente. Solo espero que haya más ediciones y que los ponentes más fuertes, como Maciá, Gosende o Torres Burriel, repitan año tras año, porque eso es indicativo del interés en el comercio electrónico y de que se van haciendo las cosas bien.

Hasta el año que viene!!!