Feng-GUI, un generador de mapas de calor.

Una dinámica sumamente interesante de realizar con cualquier sitio web es aplicar un mapa de calor. Un mapa de calor es una imagen que tiene como objetivo remarcar aquellas áreas de una imagen que llaman más la atención. Para hacerlos formalmente se requieren estudios serios y costosos, usuarios de prueba, etc. Sin embargo, recientemente se ha popularizado la búsqueda de Feng-GUI, un sistema que utiliza un algoritmo de inteligencia artificial que simula la visión de los humanos, creando de esta forma mapas de calor bastante aproximados a los que se generarían con humanos reales y casos de prueba formales.

La siguiente imagen muestra un ejemplo de un mapa de calor para el sitio web de InterGraphicDESIGNS.



Los mapas de calor son una excelente técnica para tomar decisiones de diseño y posicionamiento de algunos elementos en un sitio web, en especial aquellos que desean vender publicidad en línea, dedicarse al comercio electrónico, etc.

TAW. Test de Accesibilidad Web

TAW son las iniciales de Test de Accesibilidad Web, es una herramienta destinada a analizar la accesibilidad de sitios web. El objetivo que se ha propuesta esta iniciativa es: "Comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de paginas web con el fin de permitir el acceso a todas las personas independientemente de sus características diferenciadoras". La herramienta está destinada especialmente a profesionales de campo como webmasters, desarrolladores y diseñadores de páginas web.

La herramienta evalúa la accesibilidad entendiéndola como el acceso a la información contenida en los sitios web sin limitación alguna por razón de deficiencia, discapacidad, o tecnología utilizada sin que interfieran por ejemplo: problemas de oído, visión, movilidad; dificultades de lectura o compresión cognitiva, imposibilidad de utilización del teclado o el ratón, entre otros varios factores.

Los resultados del test se basan en las reglas desarrolladas por la Iniciativa de la Accesibilidad Web (WAI) que pertenece al World Wide Web Consortium (W3C). Estas recomendaciones, denominadas Pautas de Accesibilidad al Contenido Web 1.0 (WCAG 1.0) son normas "de facto" aceptadas universalmente.

Le invitamos a conocer más del Test de Accesibilidad Web (TAW)

Validar el contraste de colores en un sitio web

Una tarea que es sumamente importante en el diseño web, y que es desconocida por una gran cantidad de diseñadores, es el verificar que la combinación de colores que están utilizando tenga un contraste suficiente, de manera que aquellas personas que tienen problemas visuales relacionados con el reconocimiento de colores, no tengan problemas consultando el sitio web que desarrollan.

Existen diferentes tipos de déficit visual, por lo tanto, estas herramientas (en especial Vischeck) presenta como se vería un sitio web para alguien con los diferentes tipos de dificultades.

Colour Contrast Check y Colour Contrast Analyser son otras herramientas con el objetivo de advertir a un diseñador web si su combinación de colores no tiene un contraste lo suficientemente fuerte para lograr que su sitio web sea accesible para personas con deficiencias en el reconocimiento del color.

¿Cómo emular un lector de pantalla?

Para este objetivo nuestra recomendación es utilizar Fangs, una extensión de Firefox que presenta en pantalla una simulación aproximada de cómo leería un lector de pantalla como JAWS un sitio web determinado. Esta es una excelente forma de verificar de una forma rápida, la accesibilidad de un sitio web para personas no videntes.

Conocer más de Fangs

¿Cómo consultan las personas no videntes una página web?

Muchos desarrolladores de sitios web han leído sobre la necesidad e iniciativas de legislación para hacer sus sitios web accesibles a personas no videntes, ante esto, les surge la pregunta sobre cómo consultan las personas no videntes los sitios web.

La respuesta a esto está en los programas lectores de pantalla, son programas que toman la información (textos) de la página web y la leen en voz alta a un usuario, es decir, convierte la información escrita en información auditiva para los usuarios.

Esto representa un reto importante, pues estos lectores de pantalla no pueden reconocer el texto inmerso en algunas imágenes o archivos de Flash, de ahí, que en temas de accesibilidad, lo recomendable es tener la totalidad de la información indispensable de un sitio web en texto, y no utilizando imágenes ni animaciones; esta es también la razón por la que se recomiendan atributos html como alt, title, y otros.

Para realizar pruebas y conocer cómo funcionan en general los lectores de pantalla, recomendamos JAWS, uno de los lectores más populares.

Los principios de un buen diseño web

Jason Beaird publicó un excelente artículo en SitePoint.com sobre los principios para un buen diseño web, describiendo un reto que todo diseñador enfrente al inicio de un proyecto, desde el descubrir el rol de la compañía para quien diseña, ir logrando una identidad gráfica (en algunos casos hay que diseñar para organizaciones que no tienen una identidad gráfica definida), ir afinando tanto el diseño como el contenido web, y mucho más. Le recomendamos leer el artículo completo en el siguiente enlace (En Inglés): http://www.sitepoint.com/article/principles-beautiful-web-design/2