20 principios de usabilidad para el mejor rendimiento de su sitio web

Original en: http://www.puromarketing.com/

Es curioso recordar cómo hace un década cuando pedíamos a un creativo el diseño de un sitio web, lo que más nos importaba era que fuese impactante, original, sorprendente, lo nunca visto!!!!

Pensábamos que íbamos a incrementar nuestra cuota de mercado sorprendiendo a los usuarios con nuestras obras de arte, la teoría era: «usuario impresionado, cliente seguro».

Estábamos casi seguros que una buena imagen de nuestro negocio se conseguía a través de la creación de una web site super creativa, nunca vista anteriormente. No importaba si el usuario pudiese manejara o encontrar la información o el producto que buscaba. El mensaje también era lo de menos, tenía que ser único y creativo, el sitio web tenía la misión de entretener al usuario, y que éste comentase con sus amigos que ha entrado en la web más chula de internet. En esa época, los sitios web más inteligentes eran los más difíciles de entender, los que suponían todo un reto para el internauta de a pie sacar algo claro de ellos.

Sin embargo esto es lo que realmente pasaba con los usuarios: abandonaban el sitio frustrados por la mala usabilidad de la página web.

Abandono

Por fortuna, esta tendencia duró menos que un caramelo en la puerta de un colegio, bastó hacer un poco de análisis para darse cuenta que una vez vista la sorprendente película, esta no se rebobinaba, si no ofrecía lo que se buscaba. Además la inteligencia de los creadores de los sitios web ya no se mide por la complejidad que supone su obra final al usuario, sino todo lo contrario, cuanto más fácil se lo pongamos al público, más listos somos. Y el diseño espectacular sólo lo es realmente cuando consigue su objetivo.

Todos los usuarios no son iguales

El tiempo es algo preciado para todos y que no escatimamos en ningún momento, por lo tanto, cuando estamos delante de una página web, no leemos, escaneamos. Necesitamos interfaces simples, rápidos, obvios por si mismos cuanto menos esfuerzo tengamos que dedicar al a navegabilidad más atención podemos prestar al contenido, a lo que buscamos y lo que realmente nos interesa.

No podemos permitirnos el lujo de perdernos por lo que la página de inicio la debemos de tener siempre visible como referencia y si en todo momento nos aparecen los llamados «breadcrums» indicándonos el camino por donde hemos venido, pues mejor que mejor.

Tampoco podemos desperdiciar minutos buscando algo que no encontramos, por lo que siempre deberíamos encontrarnos con una utilidad de «búsqueda» en todas las páginas.

El orden nos estabiliza, nos calma, es imprescindible que los sitios web sigan rigurosamente las líneas de su diseño corporativo, para que las identifiquemos inmediatamente, sobre todo y ante todo, el logotipo y tagline tienen que estar en el mismo sitio y de manera idéntica en todas las páginas. El contenido tiene que estar estructurado de manera jerárquica, para que con un simple scaneo de la página nos demos cuenta de la importancia y clasificación de los contenidos.

Los inesperados banners y pop ups nos entorpecen la navegabilidad y nos enfadan y el ruido visual nos confunde y aturulla, necesitamos orden, espacios en blanco para descansar la vista, tipografía legible que se contraste fuertemente con el fondo y no nos haga hacer un sobresfuerzo en la lectura.

Debemos tambien saber todo lo que sucede mientras interactuamos con la página, si bajamos un video, cuanto tiempo tarda, si algún elemento no está disponible, que se nos comunique de manera clara y si hay algún error en la página que podamos entender lo que ha ocurrido mediante la recepción de mensajes amigables, traducidos directamente de los típicos «Error 336».

Error loading

No tenemos tiempo de andar averiguando dónde están los enlaces y que textos, iconos o imágenes funcionan como tales.

Muchas veces queremos imprimir, compatir en redes sociales o mandar por correo electrónico, una página, una foto o un artículo y necesitamos tener las herramientas que nos lo permitan de manera visible.

Por otro lado cuando estamos haciendo una compra on-line, no queremos rellenar formularios innecesarios y necesitamos un sistema donde podamos meter nuestros datos bancarios de una manera segura y rápida.

En resumidas cuentas, las 20 reglas de oro que debemos cumplir para no echar a los usuarios de nuestro sitio web son las siguientes:

  1. Diseñar páginas con el objetivo de que sean escaneadas por los ojos del usuario, ni leídas
  2. Crear jerarquías visuales que agrupen y prioricen el contenido.
  3. Aprovechas las reglas ya establecidas y conocidas por los usuarios para identificar elementos como enlaces o utilizar ciertas usabilidades.
  4. Hacer obvio todo lo que sea clickeable.
  5. Quitar ruido visual.
  6. Dejar espacios en blanco para que se pueda descansar la vista.
  7. Utilizar una tipografía clara y crear fuerte contraste entre esta y el fondo par afacillitar la lectura.
  8. Suprimir todos los elementos que entorpezcan la navegabilidad (banners, pop ups)
  9. La página de inicio (Home Page) tiene que estar referenciada en todas las demás páginas de la web y debe ser visualmente distinta.
  10. Uttilizar breadcrums que nos indiquen el camino que hemos tomado desde la página de inicio hasta llegar donde estamos.
  11. Incluir aplicaciones o procesos en todas las páginas de «Búsqueda», «Ayuda», «Imprimir», «Compartir», «Enviar por correo electrónico»
  12. Seguir las líneas de imagen corporativo en la creación de la página, para que su diseño sea siempre identificador de la marca.
  13. Crear cuestionarios simples que no pidan información innecesaria.
  14. Incluir datos de contacto con la empresa, información corporativa y dirección social.
  15. El sitio web debe ser compatible con los principales navegadores (Chrome, Explorer, Firefox)
  16. El usuario no debe de perder nunca el control del interfaz y debe saber en todo momento que es lo que está sucediendo en la página e incluso si surgiesen errores el internauta debe de estar informado a qué se deben.
  17. El tiempo de respuesta debe ser inmediato.
  18. No debe de ser nesesaria la descarga de aplicaciones para poder visualizar el contenido de la página.
  19. La imagen de la página debe transmitir sus objetivos y valores.
  20. El diseño del sitio web debe estar centrado en las características de los usuarios a los que se dirige.

¿Qué te parecen estos principios? ¿Añadirías algo más? Déjanos tu opinión…

Deja tu comentario o me cabreo

Si te ha gustado este post y no quieres perderte los próximos, sigue este blog a través de FacebookTwitter, y Google +. Y por último, un favor: si te ha resultado útil este post, usa los botones sociales aquí abajo para recomendarlo a tus amigos¡Gracias! 😉

Los 10 principios del Social Media

Original en: http://tristanelosegui.com/

Si me seguís útlimamente en el blog, ya sabréis que además de ser un gran defensor de Google+, soy de los que opinan que el  se basa en unos principios con unas bases y metodología muy claros.

Este post es parte de la colaboración con el blog de Ariel Brailovsky. He adaptado el inicio del post y algún punto (7), para que tengan más sentido en este blog.

Por este motivo decidí iniciar la colaboración con el blog de Ariel haciendo una recapitulación de estas bases (perdonad por el título tan “típico” de los 10 “n”, pero ¡tenía que diferenciarlo de alguna manera del post en el blog de Ariel! :-) ).

  1. Estrategia: antes de “poner un pie” en las  debemos establecer los objetivosque queremos alcanzar y la estrategia que vamos a seguir para conseguirlos (Social Media Plan), y asegurarnos de que están alineados con los objetivos generales de la empresa.
  2. Personas: las empresa deben ser conscientes de que el éxito depende de las relaciones que sean capaces de establecer con personas (y del engagement que consigamos). Por este motivo deben aprender a ser menos empresas y más personas. Deben hablar el “lenguaje de las redes sociales”.
  3. Trabajo duro: los resultados que aportan valor a la empresa (en forma de mejora de imagen, ventas, reducción de costes, etc.) no llegan solos. Tenemos que ser conscientes de que requieren trabajo duro y constancia.
  4. Contenido: en social media el contenido es realmente el rey. Cada vez toman más valor las estrategias basadas en “earned media”. ¡Atentos en 2012!
  5. Personal: una estrategia de social media no se “gestiona sola”. Que el “enteradillo” del departamento abra una página en Facebook y/o empiece a tuitear, no es tener, ni mucho menos, una estrategia.
  6. Movimiento: para “hablar el lenguaje de las redes sociales” debemos abanderar un movimiento, un posicionamiento que nos permita hablar constantemente (aportando al tiempo valor a la empresa) sin hablar de nosotros mismos. Por ejemplo: Nike puede hablar de deporte, salud, retos, etc. y posicionarse como “el deporte saludable” (el ejemplo me lo acabo de inventar, así que he podido decir algo que no cuadre con Nike!! J ), y de vez en cuando lanzar ofertas, promos, etc.
  7. Analítica: “en internet si no lo has medido no ha existido”. Si no somos capaces  de medir (con medir, me refiero tanto a escuchar, como a medir resultados), no sabemos si lo estamos haciendo bien o mal, si estamos consiguiendo los objetivos, no tenemos las claves para corregir errores,…. para esto es necesario un buen analista, y las herramientas adecuadas.
  8. Políticas internas: definir normas de actuación es básico para que todos los implicados remen en una misma dirección, se eviten incongruencias, errores, etc.
  9. Gestión de crisis: tener preparadas las vías de actuación ante posibles crisis de reputación, hará que disminuyamos su impacto y las solucionemos con mayor rapidez.
  10. Gestión de las expectativas: muy relacionado con el punto 3. Como en todas las áreas no siempre lo haremos bien, nos van a cuestionar tanto interna, como externamente. Nuestro trabajo consiste en ser consistentes y sólidos y saber guiar a la empresa hacia el éxito.

¿Qué te parecen estos principios? ¿Añadirías algo más? Déjanos tu opinión…

Deja tu comentario o me cabreo

Si te ha gustado este post y no quieres perderte los próximos, sigue este blog a través de FacebookTwitter, y Google +. Y por último, un favor: si te ha resultado útil este post, usa los botones sociales aquí abajo para recomendarlo a tus amigos¡Gracias! 😉