Según los estudios realizados por Yahoo! el 20% del tiempo de carga de un sitio web corresponde al servidor y el 80% restante es responsabilidad del cliente. Teniendo en cuenta este dato, es necesario reflexionar y cambiar nuestro modo de trabajo para intentar reducir lo máximo posible el peso de los archivos que generamos y de esta manera aumentar la velocidad de nuestra web.

En este artículo repasaremos tecnología por tecnología, algunas de los mejores trucos y metodologías para reducir al máximo posible el peso de nuestros archivos.

¿Porque es recomendable reducir el peso de nuestra web?

• Todavía hay muchos hogares donde la conexiones a internet siguen siendo lentas y poco fiables.
• La rapidez de un sitio web mejora la experiencia del usuario.
• Reduce los costes operativos de tu sitio.
• El número de páginas vista por sesión de usuario aumentará, al poder visualizar más páginas en el mismo tiempo.
• Recientemente google ha reconocido que ha incluido en su algoritmo de búsqueda el factor de velocidad de una sitio . Eso quiere decir que la velocidad de una web, será otro factor a tener el cuenta para mejorar el posicionamiento de una web.

  “hemos decidido tomar en cuenta la velocidad del sitio en la clasificación de los resultados de búsqueda. Usamos diferentes fuentes para determinar la velocidad de un sitio con respecto al resto de sitios.
  Matt Cutts”

• En muchos casos, reducir el peso de un sitio no requiere cambios de importancia ni excesivamente caros.
• Puede suponer un gran adelanto respecto a la competencia.

HTML

• Maqueta tu web de acuerdo con el web standard.
• Olvídate de diseñar con tablas. Diseñar con divs nos ahorrará muchas líneas de código.
• Separa el diseño, el contenido y la funcionalidad en varias capas. Esto quiere decir que ni las hojas de estilo ni el javaScript deberían ir embebidos en tus html.
• Elimina el código superfluo o redundante tanto en tus HTML como en CSS y JavaScript.
• Vigila la indentación, elimina tabulaciones, retornos de carro y espacios innecesarios.
• La web no es un libro, inserta tus contenidos resumidos y utilizando técnicas de redacción para la Web.
• Cuida la paginación de tu sitio para que no haya excesivo contenido en cada página. Si hay mucho contenido divídelo en varias secciones.
• Evita los errores 404, ya que el tiempo de espera es mucho mayor.
• Usa es HTML Code Cleaner para aminorar el peso de tu html.

CSS

• Utiliza propiedades shorthand.
• Escribe las propiedades css en línea y no en bloque.
• Enlaza las hojas de estilo externamente en vez de incluir los estilos en la propia página.
• Intenta utilizar sprites CSS para reducir el número de imágenes a una única imagen.
• Combina si es posible todos los archivos CSS individuales en un único archivo CSS. , esto reducirá el número de peticiones HTTP.
• Aunque muchas veces veces resulte imposible no utilizarlos, intenta utilizar lo menos posible expresiones (expression()) en las hojas de estilos. El navegador Internet Explorer revalúa continuamente el valor de las expresiones y puede penalizar el rendimiento de la página.
• No utilizar los filtros de Internet Explorer, ya que algunos filtros como AlphaImageLoader bloquean la carga de la página hasta que no se descarga la imagen utilizada por el filtro.
• Clean CSS es de los mejores compresores para CSS.

SWF

• Recurre al Flash solo cuando sea absolutamente necesario.
• Si te es posible carga de secciones de manera externa. Es mejor tener varios SWF ligeros que uno solo con un peso enorme.
• Antes de cargar cualquier objeto de manera externa, realiza una precarga.
• No los insertes sonidos en la línea de tiempo, cargalos de manera externa o llámalos desde la biblioteca.
• Los videos cargalos en tiempo de ejecución. Nunca los incorpores en la línea de tiempo.
• Elimina elementos innecesarios de la biblioteca.
• Intenta minimizar el peso de las imágenes en tus diseños. Si su calidad te lo permite, comprímelas desde la biblioteca. Una compresión de menos de 50 hará que pierdan demasiada calidad y una superior a 80, hará que pesen demasiado.

JavaScript

• Combinar tus scripts en un único archivo para mejorar los tiempos de respuesta de la página, así solo necesitarás una sola conexión HTTP para descargar los scripts.
• Elimina espacios, saltos de linea y tabulaciones y otros elementos innecesarios.
• Comprime los archivos con gzip.
• Reduce el Número de Elementos DOM, de este modo navegador dedicará menos tiempo en la comparación con los CSS y por ende, con la apertura de la página.
• Utiliza el Closure Compiler o el ShrinkSafe para aligerar el código Javascript.

Imágenes

• No incluyas imágenes de gran tamaño en tu web. Si es muy grande, cambia su tamaño en un editor de imágenes y guardala a un tamaño menor.
• Si aún así tienes que incluir una imagen de gran tamaño, puedes enlazar esa imagen a través de una versión en miniatura (thumbnail) de la misma, que servirá a modo de vista previa.
• Utiliza el formato JPEG para bitmaps con mucho color, como degradados o fotografías . Si es posible nunca sobrepases el 80% de compresión cuando la exportes.
• Los formatos PNG 8 son ideales para iconos y logotipos con pocos colores. Si quieres hacer transparencias simples, puedes utilizar también este formato.
• No utilices el formato GIF, además de ser propietario da peores resultados que el PNG
• Utiliza rutas relativas en vez de rutas absolutas, así el servidor no tendrá que volver a establecer una conexión para cada imagen en la página.

Herramientas

• Page Speed: complemento de Firefox/Firebug que evalúa el rendimiento de sitios web y da sugerencias para mejorarlos.
• YSlow: una herramienta gratuita de Yahoo! que sugiere formas de mejorar la velocidad de sitio web.
• WebPagetest: muestra una vista en cascada del rendimiento de carga de tus páginas, además de una lista de optimización.

La Web tiene características propias que determinan como se estructura cualquier texto y el modo en que el usuario accede a la información. No hay duda alguna que el modo en que está escrito un texto afecta de manera dramática la experiencia de los usuarios. Hace tiempo hablamos precisamente de esto cuando analizando el patrón de lectura de los usuarios de la web. La conclusión fue que es un error escribir en la web de la misma manera que para un soporte impreso, puesto que los usuarios se comportaban de manera diferente.

La intención de este artículo es introducir varias técnicas y metodología que optimizarón la calidad y legibilidad los textos de nuestras webs.

En primer lugar vamos a explicar la diferencia entre un lector de material impreso y un usuario web. Hay que tener en cuenta varias consideraciones:

• La lectura en un monitor es más incómoda que en un texto impreso.
• El usuario es impaciente y voraz , porque tiene a su disposición millones de alternativas a la tuya.

¿Por qué debo adaptar la redacción de mis textos para la web?

• En la web el contenido es lo más importante: recuerda que lo usuarios se mueven buscando información. Si no presentas tu contenido de forma legible y agradable no será leída por mucha gente, por muy buena y útil que esta información sea.
• Atraerás visitas: si tienes buenos contenidos, bien estructurados y fáciles de leer, será más probable que otros usuarios quieran compartirlos mediante enlaces a tu web o en redes sociales.
• Ayudará a mejorar tu posicionamiento: será más fácil para los robots de búsqueda rastrear tu contenido mejorando tu posicionamiento.
• Tu página será más accesible: esta manera de jerarquizar y escribir contenidos, hará que tu página sea más accesible para personas con discapacidad, aumentando tu número potencial de usuarios.

Técnicas y estrategias

Debemos entender que la forma de estructurar los textos en Internet está determinada más por razones funcionales que por simples razones estéticas, literarias o artísticas. Teniendo en cuenta esto, vamos a ver varias técnicas que pueden ayudar a los usuarios a retener mejor nuestros textos

• Estilo de escritura en pirámide invertida : una manera de organizar nuestro contenido es jerarquizándolo de mayor a menor interés, esto es comenzar con las conclusiones. Este estilo es muy eficaz porque nos asegurará que el usuario lea la información más importante cuando abandone nuestro sitio.
• Mensajes clave: siguiendo la filosofía del punto anterior, el mensaje principal que quieras dar debe ser evidente desde el primer párrafo. La claridad y la concisión son fundamentales para redactar nuestros contenidos.
• Separación en trozos: los textos muy largos se deben dividir y agrupar el contenido en partes significativas, con su respectivos títulos descriptivos para mostrarlo en distintas páginas. Cada página se enlazará con el índice principal del artículo.

Como mejorar la legibilidad

En cuanto a la redacción:

• Utiliza frases cortas que expresen una sola idea.
• Lenguaje simple e informal: es más adecuado que el elegante o formal, ya que la lectura es más rápida en el primero.
• Contenidos escaneables: para que puedan ser mejor visualizados, es necesario maquetar nuestros textos con distintos niveles de encabezados que describan el contenido de cada página, usa listas siempre que puedas.
• Jerga: Lo más probable es que el usuario no sepa nada del tema del que habla su web por ello elimine la jerga específica de su contenido, recuerde segundo primer punto de esta lista.
• Texto Abreviado: omite palabras y frases que no aporten contenido relevante.
• Propaganda: los usurarios detestan la publicidad y aprenden pronto a ignorar los mensajes publicitarios, incluso cuando intentan aparecer como información objetiva camuflada en el texto. Además, esta forma de redacción impone a los lectores una carga mental extra, que les obliga a filtrar las exageraciones para llegar a las cuestiones concretas. Esto hace lenta su lectura y finalmente los hace huir del Sitio. El usuario viene a tu sitio en busca de información útil, no de publicidad.
• Verbos expresivos: El uso de un verbo preciso comunica con mayor fuerza lo que usted desea expresar. También elimina redundancias y reduce la longitud del texto. Por ejemplo:
  • Tomar una decisión / decidir
  • Proporcionar apoyo / apoyar
  • Hacer uso de / usar
  • Sirve para explicar / explica
  • Efectuar un examen / examinar
• Juegos de palabras y localismos: no aludas a referencias culturales o bromas de ámbito geográfico limitado. Lo que tu entiendes que puede ser gracioso para alguien de tu región, puede que no sea entendido por los usuarios de otra región distinta o en el peor de los casos, puede que sea ofensivo para ellos.
• Eufemismos: huye de ellos, muchas veces lo políticamente correcto no es más que una forma de esconder la verdad.

En cuanto al diseño:

• Deja espacio alrededor de sus textos.
• Minimiza la anchura de sus párrafos
• Usa colores de alto contraste que diferencien bien el texto del fondo.
• Usa fuentes grandes (preferiblemente 12 puntos) y si es posible sans-serif . Las fuentes pequeñas se deben dejar para el texto que poca gente lee. Por ejemplo, descargo de responsabilidad.
• Utiliza negritas para resaltar las partes más importantes de sus textos. Además será un buen recurso de color para romper la uniformidad del texto. Utilizar la negrita en exceso puede ser contraproducente.
• Es mejor evitar marcar párrafos enteros con cursivas o mayúsculas. No estamos acostumbrados a leer la letra impresa de esa manera.

Mucho se ha discutido sobre la conveniencia de la utilización de elementos de una tecnología propietaria como es flash dentro de HTML. Hace tiempo que existen agrios debates entre los defensores y detractares de Flash, avivados desde el ya célebre artículo de Jakob Nielsen Flash: 99% Bad, del año 2000. Pero desde el año 2002 y la versión MX, esta tecnología ha introducido mejoras en varios aspectos conflictivos que en su momento se le criticaron. Por eso me hago la pregunta, ¿con la tecnología actual, es conveniente utilizar el formato flash en nuestras webs?, ¿Todos cambios introducidos han sido suficientes?, ¿Cómo se utiliza actualmente flash?

En este artículo veremos los avances de esta tecnología en varios puntos escabrosos y un pequeño estudio sobre su uso en las webs españolas más importantes:

Puntos problemáticos y avances de flash para el desarrollo web:

• Accesibilidad: Con la introducción de la paleta de accesibilidad en la versión MX 2004, se mejoró notablemente la accesibilidad en los archivos flash. Ahora es posible que algunos lectores de pantallas puedan detectar ciertos elementos de una película swf, pero aún así la tecnología flash todavía no es completamente accesible para personas con discapacidad.
• Posicionamiento: También se han hecho avances en este sentido. Ahora los buscadores son capaces de procesar los archivos swf y leer las cadenas de texto que contienen. El problema radica en que si todo el sitio está desarrollado en un único flash, el peso de nuestras keywords se diluye, ya que los robots no reconocen que el flash se divide en diferentes secciones. Existen varias soluciones parciales a este problema, pero ninguna es mejor en cuanto a posicionamiento como disponer de un web realizada únicamente en HTML.
• Actualización: Una de las mayores criticas de Jakob Nielsen a las páginas desarrolladas en Flash, era que resultaba difícil mantenerlas actualizadas. Es necesario editar directamente el archivo fuente para realizar los cambios. Volcar contenido en XML, o la integración de Flash con fuentes de datos dinámicos usando Flash Remoting y Web Services también ha solucionado parcialmente este problema.
• Carga de contenidos: A pesar de varias optimizaciones que podremos someter a nuestras bibliotecas y archivos flash, estos se cargarán más lentamente que los contenidos creados en HTML. Además, hay que tener en cuenta que la velocidad de fotogramas asignada a una película, casi nunca se cumple. Esto dependerá de factores como la cantidad de código a ejecutar, la complejidad de éste, la potencia del ordenador, los recursos del sistema operativo, etc.
• Estadísticas. Utilizando Flash Remoting podremos realizar estadísticas de visitas. El problema viene si desarrollamos toda la web en un único archivo. De esta manera sólo podremos saber cuántas personas visitaron la portada de la web, no sus secciones.

¿Actualmente como se utiliza Flash mayoritariamente?

Por otro lado, leo en wezstudio un informe del año pasado sobre la utilización de flash en las 20 páginas españolas más importantes. Estos son los resultados más relevantes que arroja dicho estudio:

• Aproximadamente el 50% de los sitios analizados contienen algún elemento Flash
• Ninguna web esta totalmente desarrollada en Flash mientras que un 45% son completamente HTML.
• En las página analizadas solo se utiliza Flash como herramienta de publicidad o bien para mostrar vídeos.
• Solo el 10% de la superficie total de la home utiliza elementos Flash
• Sin embargo flash ocupa entorno al 60-80% del total de la publicidad

Conclusiones del informe

Analizando estos datos podemos decir que actualmente Flash es una tecnología ampliamente extendida y utilizada como complemento del HTML. Parece ser que su utilización para el desarrollo íntegro de una web está decayendo.

Según este estudio, flash es utilizado principalmente para mostrar vídeos y publicidad. Si bien su utilización es muy común para el montaje de galerías y pases de diapositivas, podemos adivinar que el desarrollo y la utilización de frameworks para JavasScript, está haciendo que también decaiga su utilización para estas tareas.

Entonces, si como indica este estudio flash se utiliza mayoritariamente para mostrar video, ¿Qué pasará con la tecnología Flash cuando tarde o temprano se normalice el uso de HTML 5 y su etiqueta video?

Recordemos que el primer artículo de nuestra serie dijimos que el estudio Jakob Nielsen desarrolló 10 principios de usabilidad bautizados como principios heurísticos básicos o reglas generales. A partir de estos principios señalados, se desarrollaron los heurístics o evaluadores de usabilidad, que permitieron a los evaluadoes realizar sus informes para describir los problemas de usabilidad de los site analizados. Pues bien, en este artículo repasaremos cuales son dichos principios básicos.

Los principios definidos por Nielsen los puedes encontar en www.useit.com y son los siguientes:

• ¿Qué está pasando?: el sistema siempre debería mantener informados a los usuarios de lo que está ocurriendo, a través de un feedback apropiada dentro de un tiempo razonable.
  • Ejemplo: presentar mensajes de espera cuando se está efectuando una transacción o o bien de confirmación o cuando se ha efectuado una operación solicitada por el usuario
• Relaciona el sistema y el mundo real: el sistema debería hablar el lenguaje de los usuarios mediante frases y conceptos que sean familiares al usuario, más que con términos relacionados con el sistema. Seguir las convenciones del mundo real, haciendo que la información aparezca en un orden comprensible y lógico.
• Control y libertad del usuario: los usuarios frecuentemente hacen elecciones por error y deben contar con una "salida de emergencia" para dejar las cosas tal como estaban, sin contar con el botón "back" que cada browser incluye.
  • Ejemplo: que el usuario sienta que tiene el control de la web es fundamental, por ello las animaciones que requieren plug-ins especiales y no tienen una forma de "saltarlas", los pop-ups y las ventanas que se abren de repente, son muy nocivas para una buena experiencia.
• Consistencia y estándares: nuestro sitio debe ser consistente en cuanto a los nombres de las secciones, botones y contenidos de las mismas.
  • Ejemplo: un enlace a "ayuda" debe llevar a una página que se llame así y no "preguntas frecuentes".
• Prevención de errores: mcho mejor que los buenos mensajes de error, es un diseño cuidado que prevenga que ocurran éstos.
• Es mejor reconocer, que recordar: el usuario no debería recordar la información que se le da en una parte del proceso, para seguir adelante. Si bien es imposible tener todas las opciones a la vista en sitios demasiado extensos, al menos debería haber una categorización clara de los contenidos que indique el camino a seguir.
• Flexibilidad y eficiencia de uso: a pesar de que los aceleradores, no son muy utilizados por los usuarios más novatos, hay que tener en cuenta a los más avanzados que sí lo hacen. Nuestra página debe ser fácil de indexar en una lista de favoritos. Esto se logra evitando el uso intensivo de frames y utilizando nombres de ficheros que no caduquen.
• Diseño práctico y simple: los diálogos no deben contener información irrelevante que distraiga o entorpezca la navegación. Es preferible que esta información esté enlazada para que quien la requiera pueda verla, pero que no moleste a los que no la necesitan. Si quieres más información sobre como es un patrón de lectura de los usuarios web, échale un vistazo a este artículo.
• Ayuda, por favor: los mensajes de error se deben entregar en un lenguaje claro y simple, indicando en forma precisa el problema y sugerir una solución constructiva al problema.
• Compatibilidad: nuestra página debe ser compatible con distintas versiones de navegadores y sistemas operativos.

En el siguiente artículo por fín comenzaremos a enumerar los evaluadores de usabilidad para que podamos empezar a utilizarlos en nuestros análisis.

Pensamos en crear “literatura de calidad” (o al menos “el folleto de un producto”), cuando la realidad del usuario está mucho más próxima a la “cartelera publicitaria que pasa a 100 kilómetros por hora”.
Steve Krug

Según un estudio realizado por Jackob Nielsen, los usuarios no leen, sino que escanean la página para determinar si merece la pena examinar ese contenido. El usuario más común solo lee primeras palabras de cada frase, empezando por arriba y perdiendo interés a media que baja.

Como se puede ver en esta foto, el patrón de lectura que genera el test de usuario tiene forma de “F”.

Otro estudio nombrado por Jackob Nielsen indica que la mejora de los buscadores y la popularización de la banda ancha han modificado el comportamiento de los usuarios. En dicho estudio se indica que la mayoría de los visitantes de una web sólo leen entre 20% y un 28% del texto de la página y que un 17% están menos de 4 segundos antes de pasar a otra página. Esto nos da una idea bastante clara del carácter del usuario.

Las personas como depredadores de información

El uso corriente de Internet viene motivado por el deseo de ahorrar tiempo. El usuario sólo busca las partes que se ajustan a su interés. El resto de información es simplemente irrelevante. Hojear es la forma de encontrar las partes que nos interesan.

A este respecto, es muy interesante la teoría que desarrollaron a principios de los años 90, Peter Pirolli y Stuart Card. Según su teoría del rastreo o forrajeo de información (Information Foraging) , los usuarios se comportan como animales salvajes que rastrean su entorno en busca de comida. Tienen un objetivo claro y empiezan su búsqueda buscando rastros de lo que necesitan. Las personas utilizan el rastro de información para decidir en qué enlace hacen clic.

Cualquier rastro (enlace, texto, imagen) que les permita realizar un progreso hacia su objetivo será seguido. Si el rastro se mantiene constante (dando la sensación de dar rodeos sin llegar a ninguna parte) o disminuye, lo más probable es que abandone la página. Así pues, cualquier elemento que sea percibido como no relevante será ignorado.

De esta manera, si la información que busca una persona está en nuestra web, pero camino que lleva hasta ella tiene poco rastro de información, la persona probablemente lo busque en otro sitio.

Como mejorar el rastro de información de nuestras páginas:

• Indica la información más importante en los dos primeros párrafos de cada página: De esta manera es más probable que los usuarios lean el contenido que tu quieres que lean. Hay posibilidades de que los usuarios lean todo el material de tu web, pero ten por seguro que serán muy pocos.
• Busca las palabras más comunes respecto a la temática de tu web: Estas palabras llaman mucho la atención e incitan a hacer clic en los enlaces que las contienen.
• No entierres el contenido en documentos demasiado largos: Divide los textos en varios documentos enlazados o crea un índice que permita identificar y moverse por las secciones de cada documento.
• Realiza un estudio las estadísticas de tu página: Para conocer a los usuarios que entran en tu web y averiguar que información andan buscando. Saber de que enlaces vienen, te ayudará a hacer ajustes en las páginas para facilitarles el camino a lo que buscan.

Tanto si eres un administrador, un desarrollador Web, un miembro de un equipo de Marketing o de Comunicaciones, o quizá un Web Master Freelance, habrás leído de diversas fuentes sobre el interés en los estándares Web. Habrás comprendido que los estándares son beneficiosos para tu sitio Web en términos de ahorro de costes, facilidad de gestión y aprovechamiento, y por lo tanto has decidido cambiar y emplear estándares en tu sitio Web. Y así validar y mejorar tu sitio Web.

Desde Grupo de Trabajo de Aseguramiento de la Calidad del W3C. Dónde nos enseña un método que es válido para sitios Web de cualquier dimensión; satisfará tus necesidades tanto si gestionas un sitio Web personal, de un pequeño negocio o de una gran corporación.

Este documento nos guíará a través de pasos individuales, cada uno de los cuales serás capaz de completar individualmente, desde el análisis de tu sitio Web actual hasta la organización de tu nuevo sitio Web. Cada uno de estos pasos ha sido diseñado de forma separada, y puede ser emprendido en diferentes ocasiones, diferentes niveles o por diferentes personas, con independencia de su nivel de conocimientos, pero de acuerdo a un flujo de trabajo Ordenados en los siguientes pasos:

• Decide qué es lo que probarás
• Analiza tu sitio Web
• Organiza el trabajo
• ¿Cómo puedes mejorar tu sitio?
• Revisa
• Mantén el nivel de calidad

Este documento o artículo seguramente muchos sepan de estas cosas, pero aquí también nos explica como hacerlo de forma organizada y con detalle, os dejo con un enlace para leer el artículo completo:

Leer artículo completo W3C

Antes de presentar el artículo quiero daros una breve introducción sobre la persuabilidad y su uso en la Web

¿Qué es la persuabilidad?

Persuabilidad es el término usado para designar la capacidad de una presencia online de llevar a la acción al usuario y convertirlo en suscriptor, lead o cliente.

Aquí van 12 primeras ideas que nos hablan de que, más allá del testing multivariante debemos empezar a plantearnos para hacer nuestras webs más inteligentes:

• Palabras claves con textos dinámicos que utilizan las palabras claves de nuestras campañas o las búsquedas naturales de nuestros usuarios para contextualizar los mensajes?
• Contextualización de nuestra información según los datos geográficos del usuario. Por reconocimiento de IP podemos saber el país, región, ciudad, latitud y longitud desde la que navega el usuario. Deberíamos utilizar este recurso para adaptar nuestro discurso localmente.
• Proactividad comercial en nuestros buscadores internos. Los buscadores internos son cada vez más utilizados por nuestros impacientes usuarios. Estos buscadores deberían permitirnos introducir promociones y campañas que nos permitieran maximizar nuestras posibilidades de cerrar un trato con nuestros clientes.
• Reglas de negocio en función de criterios concretos (momento del día o del mes, situación del cliente, páginas visitadas,…). La tecnología ya nos permite hacer una microsegmentación en la que nadie del mundo del marketing nunca hubiera ni soñado.
• Capas y niveles de contenidos distintos en función del tiempo de visita o las páginas visitas por nuestros usuarios. El comportamiento mismo del usuario nos permite condicionar los contenidos que mostramos y cómo debemos mostrarlos.
• Creación de precios dinámicos en función de los niveles de venta, los ratios de conversión o las promociones que estemos desarrollando.
• Customización de mensajes en función del comportamiento actual o histórico de nuestros usuarios. El behavioral targeting se está aplicando en redes publicitarias con muy buenos resultados y en muy poco tiempo será nuestro pan de cada día ya que las posibilidades de customizar mensajes en función de criterios de comportamiento son infinitas (al mismo tiempo que sumamente efectivas).
• Ofertas de última hora para aquellos usuarios que estén abandonando nuestro site. Puede sonar un tanto agresivo, pero en determinados casos sumamente efectivo para darnos una última oportunidad para enganchar con el usuario que no está abandonando.
• Envíos automatizados de mails según comportamiento en el site (p.e. abandono del site con producto en el carrito de compra). Hasta la fecha, hemos pensando demasiado en términos de página web y poco en el encaje inteligente y automatizado que debe tener el correo electrónico para desarrollar una relación más cercanas con nuestros usuarios. No nos referimos al tipíco newsletter con informaciones que el usuario no quiere leer con periodicidad establecida y ofertas que no siempre generan el interés que nos gustaría. Nos referimos a ponerle inteligencia push en determinados momentos: por ejemplo, enviando un recordatorio o promoción cuando nos hemos materializado una compra a pesar de haber introducido productos en nuestro carrito de la compra o cuando hemos realizado una búsqueda (de un vuelo o de un producto) y no hemos acabado realizando la compra y pasados unos días tenemos mejores condiciones o producto que al usuario podrían interesarle.
• Personalización y configuración a medida de nuestros productos deseados. La creación de propuestas dinámicas (venta cruzada, condiciones especiales,…) en función de la personalización que el usuario esté realizando de nuestro producto puede también tener mucho sentido.
• Relleno de campos automatizados para clientes reincidentes. La simplificación de pasos o trabajo parece ya de obligado cumplimiento para evitar abandonos por el camino.
• Activación de chats proactivos en determinados momentos. La integración de una atención personalizada de manera proactiva cuando todo apunta que el usuario se ha quedado atascado podría ser sumamente rentable en determinadas páginas de nuestra presencia online.

Por último quiero dejaros con una ponencia de Ester Pallarès, experta en persuablidad Web. En la que nos muestra como funciona esto de la persuabilidad y como convertir a nuestros usuarios en clientes.

Ver ponencia Persuabilidad: convierte usuarios en clientes

En el primer artículo de esta serie, Test heurístico – parte 1: ¿Qué es y para que sirve?, se explicó de manera general que era un test heurístico, para que servía y las ventajas que tenía respecto a otros test de usabilidad. Debemos recordar que en la heurística, todo gira alrededor de los factores de evaluación, que son una lista de principios de usabilidad comúnmente aceptados que aplicaremos a nuestros análisis.

El resultado de un test heurístico, es un informe emitido por el evaluador en el que describe el problema analizado, las reglas específicas que son afectadas por su comportamiento y cómo podría mejorar el cumplimiento de ellas con un cambio en la interfaz. Hay que añadir que si bien esto último no es posible, sí será importante que los problemas encontrados sean anotados con el fin de intentar hacer las modificaciones posibles para aportar a su solución.

Así pues, en este artículo veremos que aspectos debe incluir un buen informe de evaluación heurística. Dicho informe está dividido en varias secciones:

Descripción del método a seguir:

En esta parte de la evaluación se debe hacer una breve descripción de las características del proceso realizado. Al fin y al cabo, el cliente tiene derecho a saber porque vale tanto el informe que le estamos confeccionando. Entre los elementos que hay que citar incluiremos los siguientes:

• Fecha y hora de la evaluación.
• Tipo de conexión a Internet, para descartar problemas de velocidad y optimización.
• Datos sobre la forma y la puntuación de la evaluación.
• Justificación de los diferentes factores utilizados en nuestra lista de comprobación

Criterios de evaluación

Es necesario que los analistas que la lleven a cabo el test, tengan un sistema de evaluación que permita interpretar y homologar los comentarios vertidos a cada factor evaluador.

Nuestra escala de evaluación irá a de 1 a 5:

1. No funciona: Existen graves defectos en la estructura y diseño de la página. No se muestran los contenidos correctamente. El evaluador debe recomendar rehacer todo el sitio.
2. Funciona pero no sirve: A pesar de que los contenidos del sitio se muestran de manera aceptable, la experiencia general y navegación no son correctas. Se debe recomendar cambiar la mayor parte del sitio.
3. Funciona pero debe mejorar: El contenido y su distribución es de relativa calidad, pero es susceptible a mejoras. Se deben aportar mejoras al sitio.
4. Cumple: El contenido evaluado es satisfactorio, a pesar de todo hay detalles que pueden mejorar. Se deben aportar mejoras al sitio.
5. Es lo que el usuario busca: El contenido cumple o excede la expectativa del usuario.

Dichas notas deben ser puestas, tras analizar los factores de evaluación, que vamos creando alrededor de las diferentes áreas de un sitio web. Los factores se articulan alrededor de estas áreas:

• Generales
• Identidad e información
• Lenguaje y redacción
• Rotulado
• Estructura y navegación
• Lay – out de la página
• Búsqueda
• Elementos multimedia
• Ayuda
• Accesibilidad
• Control y retroalimentación

Desarrollo del Informe

Puntuados los factores, el evaluador debe hacer un comentario que explique al usuario el estado real de su sitio, de está manera se podrán sacar conclusiones. Habrá que recopilar los aspectos positivos y negativos de cada factor evaluado. Con estos apuntes se hará más fácil la tarea de mejorar el sitio web.

Conclusión Final

En esta parte se entrega la recomendación final respecto de los problemas encontrados. En función de los resultados obtenidos con este informe, el cliente podrá decidir si es conveniente o no, hacer un análisis más detallado o cualquier otro tipo de inspección de usabilidad.

Número de expertos

Respecto del número de expertos que debe llevar a cabo dicho informe para que éste tenga validez, todo dependerá del costo-beneficio. Más evaluadores deberían ser usados en casos en que la usabilidad de una web sea crítica para la rentabilidad de la misma.

Con estos pequeños apuntes, nos podemos hacer una idea de cómo se hace un informe heurístico. En los siguientes artículos, veremos los principios heurísticos básicos que propuso Jakob Nielsen y confeccionaremos una detallada lista de factores para que podamos aplicarlos a nuestras propias páginas.