Fotosíntesis

6 diciembre 2010

Todo cabe en lo breve. Pequeño es el niño y encierra al hombre; estrecho es el cerebro y cobija el pensamiento; no es el ojo más que un punto y abarca leguas. (Alejandro Dumas)

sol y planta

El arte de escribir para un medio digital es la síntesis. Y conseguir captar la atención con la foto completa, con lo que permite el monitor, es el colmo: es la fotosíntesis.

La parte de literatura que precisa la comunicación online consiste siempre en eso, en el arte de abreviar con estilo. Ahora bien, el reto requiere una habilidad especial para condensar en ese espacio todo lo que queremos comunicar: si hablamos de una página, la creatividad, la navegación estructural, la ayuda, la llamada a la acción, el titular y el contenido es mucho ingrediente para tan poca cazuela.

Si para la creatividad dejo un hueco, para la navegación me sujeto a un marco, para la ayuda aplico estandar y para la llamada a la acción pongo un enlace o botón, me queda poco espacio para un titular, la información y el aire.

Si además aplico al titular un tamaño de letra mayor, y en la información intento aplicar bien SEO, añado un texto legal y un párrafo que me dijo mengano, tengo un rompecabezas por delante importante. Pero tiene solución.

Desgranar bien cada una de esas piezas, cada trozo y cada idea, te permite colocar bien el puzzle. Ubicar después cada cosa donde el usuario espera encontrarlas es usabilidad. Y saber enfatizar lo que importa es diseño.

Con un móvil el reto es mayor. Simplicidad, esquematismo en el lenguaje y trazar una linea rápida para el proceso es fundamental, y el resto de contenido, bajo demanda. Acciones secundarias.

Si hablamos de twittear bien ya ni te cuento. Tema, comentario y enlace corto en 140 caracteres solo lo consiguen los buenos frikis. Hay mucho que practicar. Mucho que comunicar.

Siendo conscientes de lo importante de abreviar en medios digitales, lo difícil sigue siendo escribir una buena novela, no nos engañemos. Escribir en digital es técnica, escribir un libro es un arte. Por cierto, este es mi post número 100 y lo celebraré abriendo una botella de priorato de una cosecha excelente. Gracias a todos los que me leeis cada semana.


Sensibilidad

25 octubre 2010

Los sentimientos son los instrumentos de que dispone el sujeto para estar interesado en los objetos que le rodean. Sin los sentimientos seríamos prácticamente muebles. (Carlos Castilla del Pino)

chica pensando

Que los videos tienen mucho recorrido aún en internet ya lo sabemos. Si actualmente el tráfico de video en la red supone el 60% del tráfico total, y en 2014 se estima que será del 90%, podemos suponer que es un formato con futuro.

Un entorno ideal para la aparición de Qwiki, un buscador cuyos resultados se mostrarán así. La tecnología permite crear un video online mediante una sucesión de escenas ,concatenando imágenes e información escrita. El resultado puede llegar a ser espectacular.

Pero me ha impresionado especialmente We feel fine. En esta web han aplicado interacción y visualización de resultados basados en infografías con un cuidado diseño. Es una web donde podemos conocer los sentimientos de la gente. Agregando lo que encuentra por blogs y redes, justo detrás del prefijo “I feel”, nos ofrece un termómetro de emociones en el que se disfruta navegando. Profundizar en la información es una experiencia única.

Parecido, pero limitado a nuestro mundo de Twitter, tenemos Tweet Sentiments. Mucho peor en diseño, pero no por eso deja de ser útil.

Pero todo esto son grandes estadísticas. Los sentimientos deben tratarse uno a uno. Si el termómetro de los sentimientos alcanza el grado de fiebre es preocupante, pero más lo sería si esos sentimientos no tienen respuesta, no hay un reply, un comentario o una respuesta que incluya un sentimiento que lo complemente, lo comparta, lo consuele o lo seduzca. Ese es el territorio del amigo, del que ayuda, y dentro de la empresa, del Community Manager.

En todos los trabajos hay que tener un cierto grado de sensibilidad. En el Social media, un grado más.


Solo para tus ojos

27 septiembre 2010

No es el tiempo lo que se os da, sino el instante. Con un instante dado, a nosotros nos corresponde hacer el tiempo. (Georges Poulet)

papel escrito con la palabra segundos

Uno de los mejores test que se puede hacer a una página web, de los más eficaces, es el test de los cinco segundos.

Consiste en mostrar una imagen de la página durante 5 segundos y luego se pregunta al usuario cuantos y que conceptos o palabras clave recuerda.

El resultado del test será consecuencia de varios factores:

  • Escritura web: Los conceptos más importantes de los que hablamos en la página.
  • Diseño web: Los conceptos que hayamos enfatizado y destacado.
  • Arquitectura web: Los conceptos que hayamos jerarquizado.

Para realizar este test no necesitamos mucho material. Podemos utilizar una imagen de la página, y lapiz y papel, si lo quieres hacer presencial.

Pero internet, donde todo se encuentra, nos ofrece herramientas gratuitas para prepararlo, realizarlo online, y recibir los resultados :

Five Second Test

Clue

Aunque la primera es la madre, la que siempre estuvo ahí, la segunda es una digna sucesora, minimalista y centrada exclusivamente en servir al objetivo del test. Muy buena.

Ya no hay excusa para testar mejor. Pero no se trata de poner a prueba cada página y espacio de una web. Solamente en tus homes y landing pages más importantes.

Si el test de los cinco segundos capta los conceptos, la analítica web nos ofrecerá los concretos. Revisando después la analítica sabremos si nos llega gente, por qué conceptos nos llega, si les interesa la página y si conseguimos que sigan en el site. Lo primero es importante, lo segundo es esencial.


Ajax: Interfaz y resultado

20 septiembre 2010

Cuando se viaja en avión solamente existen dos clases de emociones: el aburrimiento y el terror. (Orson Wells)

avion despegando

Otra ventaja de la web 2.0 nos llega con la tecnología. Se trata de Ajax y la ejecución asíncrona. De Ajax y sus posibilidades de interfaz.

Si con la vieja web teníamos una página de entrada de datos y otra de salida de información, con las nuevas tecnologías podemos dejar interactuar al usuario mientras ve el resultado de lo que hace. Lo han explotado muy bien las empresas que venden vuelos, hoteles, etc. Nos permiten modificar los criterios de búsqueda sobre la marcha, y al mostrar los resultados al lado, podemos ajustar mucho más nuestras preferencias.

Las nuevas tecnologías nos permiten enriquecer la experiencia de usuario y la usabilidad. Lo que antes se ponía en un combo o en una caja, puede pasar a ser un slide (barra de desplazamiento que funciona arrastrando el ratón). Y lo que antes suponía volver atrás para reiniciar la búsqueda, ahora se puede hacer sin moverse de la página de resultados.

Además, la ejecución asíncrona de datos permite tener la información siempre actualizada, manteniendo la disponibilidad online de los vuelos. Si uno se agota, desaparece.

Pero Ajax no es solamente útil desde el punto de vista de interfaz de usuario y de los datos. Algunos ponen imaginación y nos muestran los resultados mediante una representación gráfica que nos ayuda a elegir. Es el caso de Hipmunk, un nuevo buscador de vuelos, algo infantil en el diseño, pero muy profesional e imaginativo en su grafismo. Al poder consultar los vuelos disponibles sobre una linea de tiempo, nos ayuda mucho a ubicarnos y elegir más rápidamente los horarios preferidos de ida y vuelta y la duración del vuelo.

Ya tenía Kayak entre mis favoritos, pero vamos haciendo hueco a nuevas webs y nuevas formas de representar la realidad y utilizar la tecnología de una forma útil para el ser humano.


Play please

13 septiembre 2010

La música es sinónimo de libertad, de tocar lo que quieras y como quieras, siempre que sea bueno y tenga pasión, que la música sea el alimento del amor. (Kurt D. Cobain)

musico

Me gusta la música. Toco algunos instrumentos desde hace años, y los que sabemos tocar solemos ser algo fanáticos en el arte de las notas.

El caso de la música en la red es uno de los casos más interesantes de revolución en un sector. El descenso en las ventas de discos que todos sabemos y el nacimiento paralelo de negocios como Spotify nos dejan predecir algunos cambios más, aún pendientes.

Desde la aparición de emisoras como Last.fm, una de las primeras plataformas en tener éxito, hasta el lanzamiento de Spotify, la más sofisticada de momento, ha llovido mucho en el mundo de la música. Los principales afectados económicamente han sido los propios artistas y las compañías distribuidoras.

Pero lo más importante afecta al usuario. Se transforma nuestra manera de escuchar música, que antes acompañaba al ámbito hogareño del salón, para instalarse en la habitación del ordenador. Sofisticada tecnología semántica se aplica a la programación de estas emisoras, donde se predicen nuestros gustos a partir de las canciones que escuchamos y de las que despreciamos. Complicados algoritmos asociados a las canciones, las clasifican por estados de ánimo, estilos y mil perspectivas.

Spotify es ahora la reina por muchos motivos. Entre ellos sencillez, buen diseño y versatilidad. Pero nos acompañan muchas otras desde hace tiempo: Rockola.fm (versión española), Musicovery (muy especial), Grooveshark (se encuentra todo), o Playlistnow.

Son el germen de una personalización basada en el conocimiento del usuario. Han captado la esencia de adaptarse al visitante y darle lo que espera. En la música se han hecho los deberes, y ha nacido una nueva forma de disfrutarla.


Acaríciame con la punta de los dedos

23 agosto 2010

Entre nosotros, un muro de metacrilato. No nos deja vernos, ni manosearnos. (Kiko Veneno)

Dedo tocando un boton

La buena experiencia de usuario es una combinación de tres factores que los profesionales conocen bien: eficiencia, eficacia y satisfacción.

Cada uno de esos factores están condicionados por otros muchos aspectos que deben confluír para conseguir una buena experiencia: el producto, el usuario, entorno social, cultural y de contexto.

Cuando no quedaba más remedio que enfrentarse a la pantalla fija del ordenador de sobremesa para navegar por internet, cuando la resolución de todos era 800×600, cuando el teclado era tu único medio de expresión, conseguir una buena experiencia dependía mucho del diseño de tu web. Y se diseñaba una página para todos, la mejor, optimizada y enfocada al objetivo.

Una de las grandes revoluciones a las que nos enfrentamos en el desarrollo y diseño de páginas es a los nuevos dispositivos. La interfaz mejora con la tecnología, con los smartphones, iPad y otros locos cacharros, la experiencia cambia, y el diseño y contenido no puede ser igual.

Tengo varios ordenadores, Blackberry y un iPod. Y voy desplazando el uso de determinadas aplicaciones al iPod porque se pueden tocar.

No es lo mismo navegar por páginas web que la navegación en redes sociales. En las páginas necesitas más precisión al pulsar, visión panorámica para ojear todo el contenido, fijarte en el detalle. Pero las redes son ideales para manosear: pocas funciones muy utilizadas, mensajes cortos, multimedia, portabilidad y acción rápida. Y llegan aplicaciones como Facebook Places que mejorarán servicios de geolocalización.

Tenemos delante de nuevo un reto para conseguir un buen interfaz, y saber condensar y simplificar contenido. Las marcas necesitan desarrollar aplicaciones para esos dispositivos. Porque una buena experiencia induce a la acción, y queremos conseguir su satisfacción y la nuestra cuando nos tocan.


Blanco

26 julio 2010

He disfrutado mucho con esta obra de teatro, especialmente en el descanso. (Groucho Marx)

papel de cocina blanco

En el diseño web, el espacio en blanco es un recurso. La ausencia de contenido sirve para relajar la vista, para no apabullar al cerebro.

Aunque también depende de culturas. Los orientales, por ejemplo, no lo utilizan igual, y algunos de sus sites más importantes están sobrecargados, parecen saturados desde nuestro punto de vista. En occidente sin embargo es necesario, es estratégico.

Tampoco se debe abusar, puede provocar scroll innecesario, puede desplazar contenido importante en resoluciones de pantalla menores, puede estropear un buen diseño. También hay que mantener una personalidad propia en el site, e igualar en todas tus páginas el uso de los espacios en blanco, como tantos otros recursos. La excesiva diferencia entre las páginas hace que pierdas identidad, estilo propio.

El espacio en blanco nos permite mejorar la escritura web, delimitar los grupos de texto. Nos ayuda a canalizar la atención hacia lo que interesa, creando lo que se denomina un buen heat map o mapa de calor de la página, que no es otra cosa que centrar el ojo del visitante en el contenido y en el objetivo fundamental.

El espacio en blanco sirve esencialmente para:

  • Relajar la vista
  • Reforzar la arquitectura de la página
  • Resaltar contenido

Relajar la vista tiene mucho que ver con nuestra capacidad de proceso. Sin espacio en blanco no podemos centrarnos, no nos informamos y no nos enteramos bien de lo que estamos leyendo. Nuestra atención se pierde entre los banners y los elementos que rodean lo importante. Perdemos el objetivo.

Con el espacio en blanco también creamos arquitectura, separamos los títulos y subtítulos de los bloques de información, creamos niveles de importancia, separamos conceptos.

Y también resaltamos contenido, si rodeamos lo importante de más espacio en blanco, los botones de acción, el video que queremos que vean, el titular que queremos que destaque.

Por eso el espacio en blanco es como las vacaciones, un espacio que nos relaja y nos ayuda a centrarnos en lo siguiente. Felices vacaciones a todos.


La línea recta

5 julio 2010

Todo cabe en lo breve. Pequeño es el niño y encierra al hombre; estrecho es el cerebro y cobija el pensamiento; no es el ojo más que un punto y abarca leguas. (Alejandro Dumas)

mano señalando el camino

La matemática nos dice que la linea recta es la distancia más corta entre dos puntos. Es cierto. Es matemática. ¿Es aplicable este concepto a la navegación por Internet?.

Los webmasters buscan atajos en la navegación para los usuarios. ¿Que son los buscadores internos en una web?: atajos. ¿Que es un mapa web?: un mapa de atajos. ¿Y una nube de tags?: atajos categorizados.

Son los caminos alternativos a la arquitectura que hemos diseñado para nuestra web. La arquitectura del site debe responder a los caminos lógicos de nuestros usuarios, pero estas alternativas dibujan lineas rectas dentro de un site basado en estructuras jerárquicas.

El asesoramiento al cliente sigue siendo un enigma. Las empresas quieren asesorar a sus clientes y para eso se construyen herramientas online en algunos sites que van guiando al cliente con la intención de facilitarles la toma de decisiones. Caixa Catalunya fue pionera en la banca en el desarrollo de atajos de asesoramiento con su espacio “¿que necesitas?“, al menos el atajo más visible desde la home principal de un site de banca. Es una buena idea, pero creo que no está implementada de una forma útil, y al final no deja de ser un mapa web, formulado a base de preguntas en lugar de enlaces directos.

Pero el asesoramiento no funciona igual en todos los países. Las estadísticas hablan de índices del 40% de navegantes que utilizan herramientas online para asesorarse en procesos de compra de productos bancarios en los países nórdicos europeos, mientras estas cifras bajan a menos del 10% en países latinos. ¿No nos fiamos de las máquinas? ¿No compramos productos caros o complejos hasta confirmar la información en el mundo offline?.

Hay muchos factores que determinan estas cifras, pero lo cierto es que hay un camino importante por recorrer en esta dirección. Creo que se puede hacer mucho para mejorar estas estadísticas e ir educando al cliente en las ventajas de decidir por si mismos, mejorando las condiciones de los productos si vienen del autoservicio financiero, manteniendo la información siempre bien actualizada, poniendo herramientas con un interfaz atractivo y útil, y finalmente, educando a los clientes en el uso del buen software que tanto nos cuesta desarrollar.

Uno-e ha lanzado un nuevo diseño y me gusta especialmente la captación de nuevos clientes, paquetizada, donde puedes ver como mejoran tus condiciones si vas añadiendo productos a la cesta. El software desde luego es mejorable en muchos aspectos (accesibilidad, interacción, diseño), pero la idea es buena. Hay que explorar estos caminos, pues es donde tenemos un potencial de crecimiento más alto. Son nuevos atajos, que seguro mejoran las ventas y la navegación frente a los atajos tradicionales y conocidos.


Empacho de datos

28 junio 2010

Cuando conseguimos nuestro objetivo creemos que el camino fue bueno. (Paul Ambroise Valéry)

diana

Cuando analizamos una página o un proceso no sabemos por donde empezar: tráfico, frecuencia, permanencia, geolocalización, nos dice mucho de nuestras visitas, pero falta alma. La motivación, el objetivo de esas visitas es algo que la analítica no te dará. La analítica web nos ofrece un empacho de datos, pero no nos orienta demasiado en las soluciones, no nos dice claramente donde tenemos que corregir y actuar.

Con la observación desmenuzada de esos datos podemos encontrar serios problemas de usabilidad, de diseño o de arquitectura informativa que puede provocar el abandono o tráfico errático, sin rumbo ni sentido. Un banner mal colocado o una llamada a la acción débil pueden hacernos perder el objetivo, a nosotros y a nuestras visitas. Pero no es suficiente.

Un complemento muy útil para saber los motivos de abandono o pérdida consiste en ubicar en las páginas clave un espacio para el feedback, donde el usuario nos pueda contar el problema que ha tenido o expresarnos sus dudas. Con estas piezas si consigues averiguar el alma y la motivación.

Pero los datos no están solamente para analizarlos y evitar los problemas en los procesos. Podemos también explotarlos y utilizarlos para alcanzar nuestro objetivo y el objetivo de nuestros visitantes después, en un segundo intento.

El mejor CRM consiste en eso, en conocer los hábitos, las necesidades. Y en saber corresponder con lo que nosotros podemos ofrecer a ese visitante perdido que no ha logrado terminar su objetivo. Eso si, tenemos que saber quién es (usuarios registrados, usar las cookies, dirigirnos a su buzón de correo), y resolver su problema con una ruta directa a su objetivo, un teléfono donde resolverlo, o darle instrucciones claras para conseguir terminar, y todo lo antes posible, para no perder el momento y oportunidad.

Debemos fabricar rutas a medida para nuestros visitantes conocidos, para los que nos hayan dejado pistas de sus objetivos y errores. Si un usuario ha abandonado un proceso de compra poco antes de finalizarlo, tenemos un 30% de probabilidades de que termine con éxito el proceso si a la segunda se lo ponemos fácil, si resolvemos el problema que se haya encontrado en su primer intento. Es un porcentaje de ventas muy alto, que debemos intentar retener y volver a ganar.

Eso es personalización y CRM al más alto nivel. El nivel que consigue un volumen de ventas mucho más alto que la competencia. El CRM mejor enfocado.


Iconografías

21 junio 2010

En un beso, sabrás todo lo que he callado. (Pablo Neruda)

iconografía

La iconografía es otro gran reto dentro del diseño de elementos de interacción y dentro del diseño de interfaz en la web. Los iconos ocupan poco espacio en la página, y tienen la ventaja de destacar y ubicar una funcionalidad, y evitan tener que explicar la utilidad que ejecutan, se entienden de forma gráfica en muy poco espacio.

Pero, ¿se entienden realmente los iconos?. Muchos diseñadores y sociólogos defienden la teoría de que hay muy pocos iconos que todo el mundo entienda, uno de ellos por ejemplo es “Imprimir”, siempre que se utilice además con la tan manida impresora dibujada en el botón.

Es cierto. La iconografía no se entiende, sobre todo si se inventa, o se utiliza de forma incorrecta. Pero también es cierto que en páginas muy utilizadas por nuestros usuarios, en páginas con una alta frecuencia de visitas, podemos llegar a educarles en la iconografía, y que determinadas funciones muy comunes se pueden incorporar a la página mediante iconos, y el usuario poco a poco irá aprendiendo e interiorizando. Nos ayudará mucho a educar el famoso tool tip o title de la imagen, que al situar el cursor del ratón encima del botón, nos dice en texto lo que significa y la función que realiza (aparte de conseguir hacer el icono accesible, lo que lo hace imprescindible).

Otras iconografías están exclusivamente dirigidas al usuario que las reconoce: agregar un feed por RSS, exportar datos a Excel, compartir en Facebook, Twitter y otras redes,  son iconos que reconocen facilmente quienes utilizan esas aplicaciones, y los demás no. Pero cuando los ponemos, es eso lo que nos interesa, que lo entienda quien pretende compartir nuestra página en su red social. Para los demás mejor que pasen desapercibidos y no formen parte del proceso esencial.

Últimamente se ven diseños de webs que utilizan este recurso con demasiada fuerza, dándole más importancia al marketing viral que al producto que realmente venden. No creo que sea un diseño que perdure en el tiempo, son modas que pronto perderán fuelle, pues las redes sociales han venido a quedarse, pero las webs también, y no deben girar en torno a las redes, sino a los productos y servicios que ofrecen. Eso si, buscando un pequeño espacio, una iconografía, para provocar el efecto dominó de la viralidad en el Social Media.

Para todos sigue siendo un reto trasladar funciones a iconos, pero más esencial y mejor reto es aligerar las páginas de funciones inútiles.