La mejora que menciono, es parecido a poder ver los mensajes como la vista previa realizada por el Google Hotel Finder, esto permitiría ver todo el historial del día o de la semana en la bandeja de entrada y a la vez poder visualizar un mensaje o una conversación.

La principal ventaja que tiene este método de visualización es el poder relacionar el email en un contexto de mensajes de tu bandeja de entrada para ayudar a ubicarte (conversaciones por email que cambian el asunto o de gente que se une después, etc.).

Sin duda, para los que trabajamos a diario con la bandeja de entrada de Gmail podría ahorrar en eficiencia y rapidez.

En el laboratorio de Gmail se pueden encontrar algunos diseños que se acercan a lo que menciono, pero relamente lo que hacen es un preview en forma de globo que realmente no es tan usable como a priori parece; es parecido a la vista previa que ofrece Google en su página de resultados.

Esta mejora me estoy refiriendo en todo momento a la navegación en pantalla de ordenador, porque a la de navegación móvil, se podría escribir un mega artículo con varios puntos a mejorar la experiencia del usuario ;)

Le mejorarías algo más a Gmail?

1. Tener página en Facebook

Para ello te tendrás que dirigir a la Creación de Páginas de Facebook (tienes que tener una cuenta de usuario para poder hacer esto), normalmente esta sección se encuentra en la columna izquierda de enlaces de tu página de perfil de Facebook.

Existen muchas empresas que empezaron haciendo una cuenta de usuario de Facebook en lugar de crear una página propia, la verdad que esto no suele ser una buena idea, sobre todo porque no te dejan tener más de 5000 amigos, por lo que una empresa media seguramente supere esto tarde o temprano.

Otra de las razones es que te permite más versatilidad a la hora de poner widgets para el funcionamiento de la página, así como permitir que varios administradores puedan publicar y coordinar el trabajo de la página de la empresa sin necesidad de entrar con el mismo email y contraseña.

Otra razón de peso que veo para no hacerlo a través de una cuenta de usuario normal, es que cuando alguien comenta en una publicación de empresa, no le llegan todo el resto de comentarios que se produzcan. Esto puede ser:

positivo: la gente no se asusta ante el aluvión de mensajes que le podría llegar de una cuenta de 1000 usuarios por ejemplo.

negativo: la eficacia para generar una conversación es menor.

2. Añadir la aplicación FBML

Esto es una de las cosas diferenciadoras de Facebook, te permite un total control a la hora de realizar páginas landings o explicativas de tu producto o servicio, además la programación es secilla (es una especie de HTML simplificado). Para ello, primero tienes que activar la aplicación de FBML, y pulsar el Agregar esta aplicación a mi página, esto se encuentra en la parte superior izquierda de la propia página de FBML.

Una vez agregado, te vas a la administración de la página, buscas en las aplicaciones la que se pueda leer FBML, entras dentro de ella y a picar código HTML como un loco! (por cierto, recuerda que las direcciones deben ser siempre absolutas y que hay algunas etiquetas que no funcionan del todo bien, si quieres puedes echarle un vistazo a las recomendaciones sobre el código FBML)

Puedes tener cuántas páginas estáticas quieras, sólo tendrás que irte a la parte de edición de FBML y pulsar sobre el enlace que dice Agregar otra caja FBML bajo los recuadros de edición.

3. Añadir trackings para métricas

Otro tema es el medir la campaña o cómo interactuan los usuarios de tu comunidad con las páginas estáticas de Facebook.

Facebook nos proporciona una cantidad de datos estadísticos muy útiles sobre los usuarios y cómo interactúan con las publicaciones del muro, también dan datos del perfil de nuestros usuarios en cuanto a edad, procedencia o sexo. Pero no nos dice nada acerca de cómo interactuan con nuestras páginas estáticas o de cuántos pulsan los enlaces de estas.

Para saber en qué medida son pulsados los enlaces que publicamos en el muro se puede hacer:

Enlaces que no van directamente  a nuestra página: van a noticias de diarios, a blogs de terceros, etc. Lo mejor es usar un acortador de enlaces que te proporcione datos estadísticos y que puedas ojear los enlaces y los datos que generen en cualquier momento (bit.ly es ampliamente recomendable para mi gusto).

Enlaces que van a nuestra página: para ello es mejor controlarlo mediante el creador de URL que proporciona Google (siempre y cuando midas las estadísticas de tu sitio con Analytics de Google…). Ahí tendrás que poner la URL a la que va dirigida, el nombre de la campaña y un par de parámetros más para identificar el enlace.

Por último, si quieres medir cúanta gente está entrando en las landings, podrás introducir un código tracking de analytics, aunque lo tendrás que tunear un poco antes, pasando el script por la página de Webdigi, aunque esto no te dará una cifra exacta de la gente que visita la página, ya que como se recoge en Trucos Analytics, no lee las visitas que provienen del navegador Firefox :(

De todas formas, es sencillo crear este script, sólo tienes que crear un perfil nuevo en Analytics, copiar tu código de usuario y pegarlo en el formulario de la página de Webdigi. Lo explica bastante bien este post de Juan Merodio.

¿Me he dejado algo por el camino? Coméntame tus trucos, serán bien recibidos ;)

Sugiero no usarlo por estas siete razones directas y simples:

Accesibilidad:

1. Flash bloquea la información a los buscadores, por tanto, a tus potenciales clientes. Los buscadores no indexan la información contenida en un flash, los robots de los buscadores no saben como interpretarlo (no aunque insertes texto plano en la index, no funciona). Se está cortando el grifo de la mayoría del tráfico cualificado que te puede llegar.

2. No sirve para algunos navegadores móviles y para algunos eBooks como el reciente iPad, además tienes que controlar las versiones, una publicidad hecha en la última versión de Flash no llegará a todo ese público que se rezaga en instalar las actualizaciones.

Usabilidad:

3. Flash al permitir mayor flexibilidad en dar comportamientos a botones y objetos, tiende a destrozar todos los estandares de navegación. Lo que puede ser divertido en un juego puede ser un infierno en una página destinada a la venta. El usuario no aguantará mucho si no puede lograr conseguir lo que anda buscando de forma rápida.

Hay que ponérlo fácil, un usuario logrará antes llegar a donde quiere si reconoce caminos ya fijados (reconocer antes que recordar como diría Nielsen)

4. Abrir pestañas/ventanas independientes no es posible rompiendo así gran parte de la interacción y el uso del navegador como herramienta a usuarios experimentados, al poner los enlaces en flash, no te permite abrir más ventanas para ampliar información, comparar varios productos a la vez, etc. Se está forzando al usuario a llevar un camino único frente a la diversidad de caminos que se pueden simultanear en una web construida bajo los estándares web.

5. Carga, páginas muy grandes construidas con esta herramienta, en muchas ocasiones son lentas, pesadas e incomodan una navegación fluida. Se está haciendo esperar al usuario por algo que posiblemente encuentre de manera más sencilla en otro lugar.

Marketing

6. La medición y el análisis del sitio será muy superficial, perdiendo la gran mayoría de la información más que el usuario va dejando mientras navega por la web. Esto se acentúa si el sitio está construido con una única película que llama a distintos eventos y objetos dentro de la misma.

7. Flash complica el intercambio de archivos multimedia y en muchas ocasiones del mismo texto que es una imagen vectorial en lugar de texto en sí. Con esto posiblemente estés callando a gente que quiere compartir los productos de tu site en sus blogs, mySpaces, Facebook, etc.

Pongo un ejemplo práctico sobre esto:

Muchos de los que me leen conocen que tengo un blog de juguetes, no pretendo nada con él más que divertirme, pero la gente entra en mi site para informase de juguetes de diseño, de vinilo, figuras de películas, etc.

Existe una página, ArToyz, que tiene un material muy interesante, incluso el diseño (el look &  feel del site) es agradable y exacto para el tipo de web de la que se trata… pero hay un problema, todo el catálogo de productos está en flash.

Si quiero hacer una entrada rápida porque he recibido su newsletter y entro a ver el juguete en cuestión:

1. la página de arribo me lleva a la principal, que no es la quería ver, si tengo tiempo me podría poner a buscar el producto que quería, pero ya han perdido a una parte de los usuarios que nunca encontrarán aquel juguete que vieron en la news.
2. llego al juguete que me gusta, botón derecho copiar… no te dejará. Habría formas de coger la imagen (por ejemplo, capturando la pantalla), pero pocos llegarán a este paso, perdiendo una oportunidad gratuita de que se hable bien de tus juguetes.

Para tener una web completa en flash,  o tu producto brilla como la criptonita o habrás fracasado con la inversión de la web.

En esta peculiar etapa de la Red, el victorioso aparente fue Internet Explorer sobre todo por uso. Este explorador que se pasaba las leyes de las estándarizaciones web por los mismísimos, fue repudiado poco a poco por esto, por su gran vulnerabilidad y por su excasa adaptación a los nuevos formatos de web que estarían por llegar.

Aunque las grandes compañías están haciendo todo el ruido posible para quitarse este programa defectuoso del medio y así poder mostrar sus webs en todo su explendor (ejemplos de Youtube, Gmail  o Twitter en las imágenes del post), lo cierto es que Internet Explorer 6 pese a todo ocupa en determinados sectores hasta un 25% de todo el tráfico que llega a una web como bien indicaba un artículo de UptoDown o como puedo observar cada semana en los resúmenes de Analytics de diversas webs.

A seguir testeando el crossbrowsing se ha dicho, que remedio.

En general, esta compañía suele tener un cuidado muy especial en la construcción de su web, ofreciendo un proceso de compra sencillo y claro tanto para usuarios acostumbrados a comprar online, como para los menos expertos.

Desde mi punto de vista el proceso de compra es fluido, pero tiene algunas aristas que aún deben pulir sobre todo en los 2 últimos pasos de la compra.

La parte de aceptación de las condiciones generales y política de privacidad no está en la línea de visión natural, hay que forzar la vista hacia un lateral, además el tamaño y color de tipografía, hacen que nos despistemos de esta casilla, y más si el usuario que está comprando no es un usuario habitual del medio. Lo bueno es que si te saltas la casilla te avisan y no puedes seguir avanzando.

Estoy convencido de que todos los formularios deberían tener implantado un javascript para que cuando el usuario se equivoque o deje sin rellenar alguna casilla, además de avisar de cuál es la que no rellenaste, te la señale (la mejor opción es bordear el item en cuestión en un color que resalte).

Lo siguiente que me sorprendió fue su página final, esta página es muy importante para las empresas ya que si está bien construida puede dar pie a otras ventas (cross-selling), que en el caso de las aerolíneas puede ser una buena fuente de ingresos con servicios verticales: hoteles, coches, seguros, etc.

El caso es que, como se ve en la imagen, todos los productos secundarios una vez realizada la compra está justo debajo del resumen de compra, en una altura de más de 600px, por lo que en muchos ordenadores está información quedará tapada (por ejemplo, la mayoría de los laptops tienen una configuración de pantalla de 1024×800, pero hay que tener en cuenta que a estos 800px de altura hay que restarle las barras de herramientas de cada navegador y por abajo, la barra de menú de inicio de la mayoría de los pcs, con lo que tenemos unos 550px de altura útiles).

Soy de los que opino que es bueno que el usuario juegue con la página haciendo scrolling, tocando botones, etc. pero también veo fundamental que en las pantallas finales de la compra se tiene que mostrar de forma clara los otros servicios, ya que lo normal para el usuario que acaba de comprar y ha visto que le ha ido todo bien es marcharse del site y no quedarse jugando.

Por último, y también en esta pantalla, me ha sorprendido que escondan la información de la reserva para que quede todo más limpio bajo el simbolito del más en el lado derecho. Creo que aquí se han confundido y que pueden confundir a muchos usuarios que no prestarán atención al + (que además está de un color gris muy claro y puede pasar desapercibido y no como un elemento para interactuar).

Es siempre mejor dejar los datos a la vista, y si no es posible, al menos dar una orientación y hacer ver al usuario que este elemento es clicable (creo que lo mejor es acompañar al icono con un enlace descriptivo subrayado como pudiera ser la palabra ver)

Por lo demás, genial en el site y en el avión como siempre, puntuales, viaje cómodo… menos el pesado que me tocó al lado que no paró de hablar durante las 3 horas que duró mi vuelo a Tenerife Norte ;)