miércoles, enero 30, 2008

El AcidTest 3 ya Está Aquí

The Web Stardards Project: Acid Tests

Hace tan solo 16 días les mencionaba que faltaba poco para el Acid Test 3, el test que pone a prueba el cumplimiento de los estándares Web por parte de los navegadores, cuando me acabo de dar cuenta que ya está listo, aunque en modo review (que es como si estuviera listo).

El test fue desarrollado por Ian Hickson, empleado de Google, y ha sido publicado en un nuevo sitio: Acid Tests, creado especialmente para este proyecto de The Web Standards Project.

Allí encontraremos:
  • El Acid 1, enfocado al famoso Modelo de Caja (Box Model) y que ya todo navegador debería pasar.
  • El Acid 2, el cual cubre una gran variedad de características básicas de HTML y CSS. Prueba que ya pasan Opera y Safari y que pasarán Firefox e Internet Explorer en sus próximas versiones.
  • Y el nuevo Acid 3, el cual cubre 100 pruebas con lo más recóndito del HTTP, HTML, CSS, ECMAScript, SVG y XML, todo a través de programación con el DOM, requerimiento crítico para cualquier aplicación Web. Prueba, que como veremos a continuación: ¡No pasa ningún navegador!
A continuación les presento las capturas de esta prueba en los navegadores que tengo en mi Windows XP:

Acid Test 3 en varios navegadores de Windows

Y si quieren ver cómo Firefox 3.0 es el ganador (aunque no absoluto), de esta prueba los invito a visitar Masio IT, donde publicaron más capturas.

Actualización: ¡Hay empate entre Firefox 3.0 y Opera 9.5 Beta en esta prueba! Ambos pasan 60 de las 100 pruebas. ¡Gracias a quienes comentaron!

Actualización 2: Andrés Nieto nos traé el estado actual del Acid3. Allí veremos que las versiones Beta de Safari (con 90%), Camino (con 70%) y Firefox (con 70%) están cada día mejor y mejor.

Gracias a CSS3.info.

Número 3 de la Revista e-Minds

e-Minds

¡Que bien que cada día salen más y más publicaciones dentro del área de la Interacción Humano-Computador! Primero conocí a Faz, la Revista de Diseño de Interacción, luego a Capire: Revista de Estrategia e Interacción y hoy fue el turno de e-Minds: International Journal on Human-Computer Interaction, publicación anual cuyo objetivo es publicar información sobre la actualidad del área Interacción Humano-Computador.

Dentro de los datos relevantes que puedo darles es que es publicada en inglés por The Human Communication and Interaction Research Group de la Universidad de Oviedo (España) y que recién publican su edición número 3 con los siguientes artículos:
  • Application of a Guideline for Design Improvement in Supervisory Control
  • A natural interaction between the individual and the computer
  • Designing a Smart Shopping-aid System Based on Human-Centered Approach
  • Context-Aware Services in Smart Environments
  • End User Development in AmI: a user centered design overview of issues and concepts
  • Exploring Text-based and Graphical-based Usable Interfaces for Mobile Chat Systems
  • Mind tape technique - a useability evaluation method for tracing cognitive processes in cross cultural settings
Aunque esta revista está siendo publicada desde el año 2004 y puede adquirirse la versión impresa, es la primera vez que está disponible para descargar en PDF gratuitamente.

Gracias a la lista de Cadius.

Reportes de Accesibilidad y Usabilidad: State of The Nation

State of The Nation

State of The Nation es un reporte que se viene publicando desde el año 2003 en manos de AbilityNet y en el cual toman renombrados sitios web y los evalúan en cuanto a accesibilidad y usabilidad.

El último informe titulado Social networking sites lock out disabled users ha estado muy comentado porque después de analizar los sitios Facebook, YouTube, My Space, Yahoo [uk] y Bebo concluyen que, muy al contrario de ser los sitios universales que pretenden ser, en realidad tienen sus puertas cerradas a las personas discapacitadas, que ni siquieran tienen la posibilidad de registrarse y, por ende, no pueden participar en estas grandes comunidades. Situación que, además de antiética, va en contra de las leyes.

Además de este informe, también resultan muy interesantes los otros 16 reportes que han publicado y que están disponibles para descargar gratuitamente en Word y PDF.

martes, enero 29, 2008

Experiencia de Usuario 2.0

gorriti.com

Jesús Gorriti, Diseñador de Interacción de DNX, estuvo el año pasado en el SIMO. Su ponencia se tituló Experiencia de Usuario 2.0 y la pueden encontrar en su blog, tanto la presentación, vía SlideShare, como su intervención de 40 min., vía Google Video (aunque en este momento dice que no está disponible).

Gracias a HCNet.

domingo, enero 27, 2008

Herramientas para Evaluar la Accesibilidad



Por el lado de la Accesibilidad me he encontrado con varias novedades. Primero, gracias al blog de WebAIM, me doy cuenta que acaban de publicar una nueva versión del conocido Validador de Accesibilidad WAVE.

La versión 4, ha salido en forma de BETA, así que si encuentras bugs o tienes alguna recomendación, no dudes en escribirles. Dentro de las novedades que trae esta nueva versión tenemos: 28 pruebas nuevas, un nuevo framework de evaluación, ahora usa Gecko (el mismo motor de renderización de Firefox) y una interfaz de reportes más simple y amigable.

Recuerda que este validador permite (como el validador de HTML de la W3C) revisar una página mediante su URL, subiendo un archivo de HTML o copiando y pegando el código.

Por otro lado creía que por aquí les había mencionado sobre el proyecto NVDA, pero no encontré los datos en mi blog así que aquí están: Se trata de un Screen Reader para Windows gratuito y Open Source. Así que como no podemos probar con JAWS, podemos hacerlo con este otro Screen Reader. La versión actual disponible es la v0.5.

Finalmente, gracias a la presentación Testing for Web Accessibility de Jim Thatcher, en la cual presenta gran cantidad de herramientas para evaluar la accesibilidad, encontré dos validadores que no conocía y que según entendí salieron el año pasado:

El Truwex Online 2.0, el cual me pareció realmente excelente por la cantidad de evaluaciones que hace y porque se puede parametrizar para evaluar tu sitio de acuerdo a la Section 508, los niveles A y AA de WCAG 1.0 y/o el contraste de color de acuerdo a la WCAG 1.0 o 2.0.

Y el 508ita Web Page Accessibility Report, otro validador pero realmente sencillo. Evalúa la presencia de tags no recomendados, las etiquetas de las imágenes y la multimedia. Lo único que puede ser interesante es la calificación que da al sitio evaluado, que en un momento dado, puede servir para comparar varios sitios.

sábado, enero 26, 2008

El CSS3 en Camino

The Web Standards Project: Cascading Style Sheets

Últimamente hemos oido hablar mucho del HTML y de lo que será su nueva versión: el HTML5. ¿Pero qué hay de otro de los Estándares Web: Las Hojas de Estilo, Style Sheets o mejor conocidos como CSS?

Pues les cuento que desde hace mucho tiempo están trabajando en lo que será la versión 3: Las CSS3.

La novedad del mes es que en manos del The Web Standards Project están recibiendo nuestras recomendaciones para esta nueva versión.

el grupo de trabajo quiere ejemplos de lo que te gustaría ver, para poder verificar si dentro de las actuales propuestas se puede hacer o serían necesarias nuevas funcionalidades. También cuenta por qué lo quieres, sino es obvio. No están buscando retroalimentación de la sintaxis, por lo que un listado de propiedades nuevas tampoco serviría de mucho. Y recuerda, antes de hacer tu propuesta, revisa los actuales borradores de la especifiación, no vaya a ser que recomiendes algo que ya está recomendado, como son las esquinas redondeadas o las tablas rayadas (Striped Tables)...

Así que si tienes ideas de cómo mejorarlas: haz escuchar tu voz.

Ten algo en cuenta: Al igual que con el HTML5, faltan muchos años para verlos hechos realidad. Mientras que se definen las especificaciones, mientras que los navegadores las implementan y mientras que estos navegadores sean usados popularmente falta mucho, mucho camino.

Gracias a css3.info.

Actualización al CSS Inicial de Eric Meyer

meyerweb.com: Resetting Again

Eric Meyer acaba de publicar una actualización de su reseteador de estilos, originario de abril del 2007.

¿No sabes que es un Resetador CSS (también conocido como CSS Inicial)? Te recomiendo entonces que leas uno de mis post más solicitados: Escoge tu CSS Inicial: Eric Meyer vs. Faruk Ateş.

Libros de Usabilidad y Diseño de Interfaces



Otra excelente recopilación la que se han fajado en Smashing Magazine: Usability and Interface Design Books.

En ella recopilan y reseñan estos excelentes libros de Usabilidad y Diseño de Interfaces. A continuación la lista vinculada a Amazon, pero en Smashing encuentran, además de las reseñas, el vínculo a los sitios oficiales.
  1. About Face 3. The Essentials of Interaction Design por Alan Cooper, Robert Reimann y David Cronin
  2. Prioritizing Web Usability por Jakob Nielsen y Hoa Loranger
  3. Designing the Obvious. A Common Sense Approach to Web Application Design por Robert Hoekman, Jr.
  4. Don’t Make Me Think. A Common Sense Approach to Web Usability por Steve Krug
  5. The Design of Sites. Patterns for Creating Winning Web Sites por Douglas Van Duyne, James Landay y Jason Hong
  6. The Design of Everyday Things por Donald A. Norman
  7. Designing Interfaces: Patterns for Effective Interaction Design por Jenifer Tidwell
  8. Designing for Interaction: Creating Smart Applications and Clever Devices por Dan Saffer
  9. Designing Interactions por Bill Moggridge
  10. Envisioning Information por Edward R. Tufte
  11. Interaction Design: Beyond Human-Computer Interaction por Jenny Preece, Yvonne Rogers y Helen Shar
  12. The Humane Interface: New Directions for Designing Interactive Systems por Jef Raskin
  13. Designing the User Interface: Strategies for Effective Human-Computer Interaction por Ben Shneiderman y Catherine Plaisant
  14. Thoughtful Interaction Design: A Design Perspective on Information Technology por Jonas Löwgren y Erik Stolterman
Recuerden que también tenemos una recopilación de libros y publicaciones gratis muy interesante.

viernes, enero 25, 2008

¿Qué hace que un sitio Web sea bueno?



Artículo Original: What Makes a Good Website?
Author: APIS Design
Fecha: 25 de enero de 2008
Traducido por: Gabriel Porras

Ah, si, la pregunta del millón de dólares. ¿Qué hace que un sitio Web sea bueno? ¿Qué hace que sea malo? Todos queremos saberlo. Bueno, la belleza depende del ojo del espectador, por supuesto, pero hay cosas esenciales. Aquí hay 7 para obtener un buen sitio Web:

1. Idea/Objetivo
Esta es la cruz de la que hablamos cuando les hablamos. Nos escucharás usar mucho la palabra “objetivo”. ¿Por qué tienes un sitio Web? ¿Cuál es su propósito? ¿Cómo vas a medir su éxito?

2. Diseño
Aquí hablamos de cosas como la selección de color, alineación, interés visual y metáforas que tengan sentido.

3. Mensaje
El contenido es el rey. Cada página de tu sitio Web necesita un fin. Necesitas entender cuál es tu audiencia objetivo y qué quieres que hagan. Luego dárselos, con la información apropiada y un llamado a la acción que entiendan fácilmente.

4. Arquitectura
¿Cómo están organizadas tus páginas? ¿Son intuitivas? ¿Tu audiencia objetivo las entederá? Piensa en cómo son de diferentes Disney.com de Microsoft.com.

5. Usabilidad y Accesibilidad
El HTML todavía es un lenguaje y necesita estar bien formado y ser accessible. No todas las personas que visitan tu sitio están perfectamente capacitadas. Algunas de ellas tienen discapacidades, algunas tienen conexiones lentas, algunas no podrán instalar el plug-in de Flash. Entender tu audiciencia objetivo y tus objetivos te ayudarán a definer tus estándades de usabilidad y accesibilidad, sin lugar a dudas.

6. Mercadeo Online
Recurrir a los buscadores es todo un juego. Hazlo mal y terminarás prohibiéndote tu mismo en ellos. Hazlo bien y serás premiado con una gran cantidad de tráfico gratuito y del que necesitas. No es difícil, sólo toma experiencia y planeación.

7. Lo técnico
¿Es tu dominio fácil de recordar? ¿Es tu proveedor de Internet confiable? ¿Tienen otros 20.000 sitios hospedados en tu servidor? ¿Soportan las tecnologías que tu sitio necesita para crecer?

Componentes de un Sitio Web Exitoso
Son más numerosos de lo que crees. Y por eso hemos diseñado un diagrama para ilustrar algunos de los componentes importantes de un muy buen sitio Web.

Versión original en inglés:
Components of a Successful Website - The Iceberg Analogy

Versión traducida al español (gracias a disacido):
Componentes de un Sitio Web exitoso - La analogía del iceberg

Si deseas conocer algunos casos de estudio (en inglés) visita:

Gracias a Anieto2k.

Actualización: Otro gráfico titulado El iceberg de la experiencia de usuario, que muestra esta misma idea, lo acaban de reseñar en el blog de UsoLab.

miércoles, enero 23, 2008

Noticias desde la W3C... Ya viene el HTML5

News: W3C

Por estos días hay mucha actividad en la W3C. La noticia del día es que han publicado el primer borrador de HTML 5 y aunque faltan varios años para que la nueva versión del HTML sea un hecho, es bueno que conozcamos hacia dónde vamos. Pero claro, como a nosotros nos gustan son los resúmenes ejecutivos, los invito a que lean las principales diferencias entre HTML5 (el futuro) y HTML4 (el presente) y lo que ha sucedido desde el HTML 4 al día de hoy, de Andrés Nieto y Olga Carreras respectivamente.

Por otro lado, acaban de publicarse 3 borradores en la W3C que facilitan la comprensión de la relación entre las buenas prácticas en el diseño para dispositivos móviles (teléfonos celulares) y las Directrices de Accesibilidad para el Contenido Web. A saber:
De los cuales me di cuenta gracias a Emmanuelle en la lista AccesoWeb y que igualmente comenta Alan Chuter en su blog Accesibilidad Web y Alan.

Por último les recuerdo que hoy es el día del Seminario Virtual de la W3C, de 15:00 a 18:00 (CET), en donde expertos de la W3C expondrán las últimas novedades desarrolladas dentro del Consorcio en ámbitos como la administración electrónica, el vídeo en la web, y la web móvil en países en desarrollo. La asistencia y participación es gratuita, cualquiera puede acceder a través de la plataforma ISABEL siguiendo las instrucciones de participación. El seminario será retransmitido en línea a través de Isabel Plaza. Consulta el programa del evento para más información.

martes, enero 22, 2008

Problemas de Ancho de Banda

En estos momentos estándares y accesibilidad está presentando problemas. El ancho de banda que Google me da, muy amablemente, se ha excedido, y esto impide que se carguen las hojas de estilo y las imágenes.

Quisiera preguntar si dentro de mis lectores, alguno tiene experiencia para migrar mi blog a otro sitio. Especificamente necesito buscar un hospedaje (uno que cobre y que por ello me ofrezca un buen servicio y un ancho de banda decente) y migrar los contenidos que tengo en Blogger.

¿Alguien me puede dar alguna recomendación? ¡Gracias!

¡No sobra decir que es como medio urgente la situación!

Actualización: Muchas gracias a todas las personas que me han escrito sobre posibles soluciones! Les haré caso a TODOS a pasarme a WordPress y ya seleccioné mi nuevo hosting. Todo el mundo me ha recomendado DreamHost… Cómo que es muy popular. Sin embargo, yo no programo en PHP! No se nada de nada de PHP. Yo soy un chico Microsoft jejeje! Así que busqué un Hosting que me ofreciera WordPress y también hospedaje en Windows.
En esas estoy ya. Configurando y preparándome psicológicamente para pasar mi blog de Blogger a WordPress, para pasar el dominio y bueno… Espero que estos días no sean muy traumáticos. jejeje!

User Experience Barcelona 2008 Workshop

User Experience Barcelona 2008 Workshop

Para quienes están en Barcelona he aquí un Workshop bien interesante: User Experience Barcelona 2008 Workshop.

El evento está dirigido a Profesionales del sector (Consultores de Experiencia de Usuario, Consultores de Usabilidad, Diseñadores, Programadores, Psicólogos, Arquitectos de Información…) y estudiantes interesados en éstas disciplinas.

La sesión está limitada a 15 plazas y tiene un costo de 550 € (hay descuentos) por los dos días (incluye desayuno y almuerzo).

El objetivo del Workshop es introducir nuevas metodologías centradas en la percepción del usuario para definir requisitos de diseño de producto. Las técnicas se mostrarán principalmente con una base práctica realizada en las mismas instalaciones del Laboratorio.

Gracias a la lista de Cadius y recuerden que pueden encontrar más eventos en España y Latinoamérica en nuestra agenda.

Galería de Sitios de la W3C



Si trabajas con los estándares deberías estar acá: W3C Sites, una colección de sitios Web creados por diseñadores que trabajan con los Estándares de la W3C (más su respectivo directorio de sus diseñadores por países).

¡Si! Otro galería más de sitios hechos con los Estándares Web. Pero esta galería es la oficial de la W3C. Además, me gustó mucho que los diseñadores están categorizados por países, así que puedes conocer a tus compatriotas que trabajan con los estándares.

Por Colombia estamos 18 inscritos. Muy pocos comparados contra Estados Unidos con 831, Inglaterra que tiene 623, Alemania con 405, España con 180... Pero si vamos a ver somos muchos, comparados contra países que tienen sólo 1 o 2 diseñadores inscritos. Por latinoamérica destacan Brasil con 257 y Argentina 71.

Gracias a seraccesible.

Introducción a una Buena Usabilidad

Introduction to Good Usability

Esta es una nueva, pequeña pero interesante publicación: Introduction to Good Usability [en]. En ella el autor recopila y comenta muy concretamente una gran cantidad de recomedaciones y buenas prácticas en cuanto a Usabilidad se refiere.

Como comenta Yusef: Recomendaciones sencillas sobre usabilidad, especialmente orientadas a neófitos.

Otra publicación más para nuestra biblioteca de libros gratuitos.

XINU revisa tu Sitio

XinuReturns.com

Si quieres tener un rápido pero muy completo informe sobre el posicionamiento y uso de estándares web de tu sitio no dudes en visitar esta excelente herramienta: Xinu Returns.com.

Te presenta información general sobre tu sitio como una evaluación del title, de las palabras claves, de la descripción, del tamaño del HTML, de los tags utilizados, de la validez de tu HTML, de los CSS y hasta del RSS.

Igualmente presenta tu ranking en Google, Technorati, Alexa y Dmoz, el número de páginas indexadas y de backlinks en Google y varios buscadores más, al igual que te informa del número de favoritos que eres en del.icio.us, digg, entre otros.

Gracias a ARTEgami.

sábado, enero 19, 2008

Manifiesto 2008 de la Experiencia de Usuario Móvil

MEX: Mobile User Experience

A finales de mayo de este año se realizará en Londrés la Conferencia MEX 2008: Mobile User Experience.

Para ella han publicado un interesante Manifiesto que deseo compartir con uds:

1. El contenido por sí mismo será la interfaz del futuro
Creemos que los iconos están muertos y el contenido por sí mismo será la nueva interfaz. Eliminando la confusión y el desorden de los elementos tradicionales como menús y barras de scroll podemos usar las fotos, la música y el video como el centro de la experiencia de usuario.

2. El teléfono ya no es sólo para la mano
Creemos que el papel de los dispositivos móviles se está expandiendo más allá de la mano. De hecho, los teléfonos están menos tiempo en ellas y están encontrando un lugar en el centro de nuestro cuarto. Esta tendencia representa un reto nuevo y mayor para la experiencia de usuario y requerirá que pensemos nuevas maneras de interactuar con los dispositivos móviles.

3. La fragmentación es el enemigo de la innovación
Creemos que la estructura actual de la industria está matando el desarrollo de aplicaciones. Hay una nueva ola de contenidos y servicios innovadores esperando a ser lanzados si construimos un entorno empresarial que le permita a estas nuevas compañías hacer dinero desde los móviles.

4. La moda/estilo es un mayor motivador que la funcionalidad
Creemos que la moda/estilo es un mayor motivador que las mismas características del producto. El color, la forma, la textura y el empaque juegan un papel importante a la hora de influenciar la decisión de compra de un móvil, más aún que la lista de especificaciones. Los márgenes más altos en el negocio de los teléfonos se logran gracias a dispositivos que se retrazan un poco en tecnología pero invierten en marca y en una mejor experiencia en las tiendas.

5. Los países en vía de desarrollo son la nueva frontera para la experiencia de usuario móvil
Es responsabilidad de la industria entregar comunicación y conectividad con Internet a estos desconectados de tal manera que sea relevante, usable y beneficioso localmente.

6. Las búsquedas requieren una estrategia radicalmente diferente en el ambiente móvil
Para encontrar respuestas los usuarios están buscando en el tiempo que les quede disponible. Los usuarios móviles necesitan acceso a un rango más amplio de técnicas de búsqueda, pero siendo suministradas dentro de una interfaz sumamente limitada.

7. Las listas de contactos inteligentes serán el centro de la interfaz de usuario futura
Creemos que la mensajería cambia la dinámica de la comunicación móvil. El punto focal natural para la próxima generación de interfaces de usuario es una lista de contactos inteligente. Mejorar la información y los servicios que puedan ser compartidos a través de redes centradas en la gente serán la mejor manera de motivar el uso de los servicios de voz, de mensajes y de datos.

8. Los pagos vía móvil predicen el próximo cambio generacional
Creemos que las aplicaciones de pago vía móvil guiarán el próximo gran salto en las comunicaciones inalámbricas, cuando nuestras interacciones con las máquinas comiencen a superar nuestras interacciones con la gente. Usar nuestros teléfonos móviles para pagar por bienes y servicios en el mundo real requiere un modelo de interacción y una interfaz de usuario de asombrosa simplicidad. El dinero y las tarjetas de crédito representan un punto de referencia impresionante – sólo cuando entregamos beneficios únicos y más allá de las soluciones existentes, los cuales explotarán los pagos vía móvil.

9. Los usuarios como personas: excepcionalmente complejo y contradictorio
Creemos que los clientes no pueden ser definidos por números o segmentos o datos demográficos. Cada usuario es excepcionalmente complejo y contradictorio. Si vamos a diseñar experiencias que identifiquen a los clientes como individuos, debemos desarrollar herramientas de investigación y técnicas de análisis que nos permitan vivir y respirar el mundo como los usuarios lo hacen.

10. El potencial de los servicios de voz inteligentes
Creemos que los amores de la industria con todas las cosas 2.0 nos están cegando a la realidad de que los usuarios están consumiendo más tiempo que nunca haciendo llamadas de voz. Hay una gran cantidad de funcionalidades potenciales y novedosas para los servicios de voz, que van desde las llamadas en conferencia y las llamadas en espera, hasta los mensajes para rechazar llamadas, los cuales están decayendo en uso por su pobre experiencia de usuario.

Gracias a InfoDesign.

viernes, enero 18, 2008

Entrevista a Emmanuelle Gutiérrez de SIDAR

SIDAR

En Mosaic han publicado una entrevista a Emmanuelle Gutiérrez y Restrepo gestora de SIDAR y una de las personas que más saben sobre Accesibilidad Web a nivel mundial.

La interesante entrevista fue realizada el pasado Octubre de 2007, y como menciona Fran en su blog, llama mucho la atención la respuesta que da acerca del tema de la relación accesibilidad/usabilidad web, que resumo en:
Cuando tú trabajas desde la perspectiva de la usabilidad trabajas para un grupo de usuarios muy concreto. En la accesibilidad, lo que se hace es trabajar para todos los usuarios.
Igualmente menciona las X Jornadas SIDAR, que estamos esperando se realizen en mi país, Colombia. Aunque en la entrevista dicen que posiblemente sean Noviembre de 2008, en realidad estaban planeadas para Noviembre del 2007, pero no se pudieron concretar. Se espera que se realizen para principios de este año, pero aún no hay fechas. Desafortunadamente ha estado dificil la participación de Empresas y Universidades en el evento.

Apple MacBook Air bueno para los Discapacitados

MacBook Air

Artículo Original: MacBook Air Good For The Impaired
Author: Alexis Brion
Fecha: 16 de enero de 2008
Traducido por: Gabriel Porras

Tal parece que si no escribes la palabra "Apple" en un artículo esta semana tu Blog será ignorado totalmente. Y para ser honesto, mirando la presentación de Steve Jobs en el MacWorld me inspiré para escribir acerca de Direct Manipulation (Manipulación Directa). Quedé muy impresionado con la función multi-touch (multi-táctil) del trackpad del MacBook Air.

"Nuevas características como pasar el dedo y desplazar ayudarán a las personas discapacitadas…"

Esto no es sólo un nuevo juguete, que desde el punto de vista de la usabilidad es grandioso. Nuevas características como "pasar el dedo" y "desplazar" ayudarán a las personas discapacitadas. Como Steve Jobs mostró, ambas características funcionan en el navegador Safari, permitiendo fácilmente avanzar y retroceder y hacer scroll en la página. Todo con tus dedos.



El zoom de pantalla y el "pellizcar y ampliar" también funcionan en Safari, ayudando a las personas con problemas de visión a leer las páginas web. Otras características como "tocar" y "clic y arrastrar" también podrían ayudar a la gente con problemas para apuntar con el mouse.



Muchos se preguntarán cómo es posible que nadie lo hiciera antes. Este es el diseño, centrado en el usuario y la facilidad de uso de Apple Computers. Esto prueba que diseñar para las personas con discapacidades es actualmente diseñar para todos. Puedes mirar otros ejemplos (en inglés) de cómo la usabilidad puede ayudar a las personas con discapacidades en el blog Design vs Art.

jueves, enero 17, 2008

IX Congreso de Interacción Persona-Ordenador

IX Congreso Internacional de Interacción Persona-Ordenador

¡Ya comienzan los preparativos de Interacción 2008! La IX edición del Congreso de AIPO, que se realizará este año en Albacete entre los días 9 y 12 de junio.
Interacción 2008 es un congreso internacional que tiene como principal objetivo promover y difundir los avances recientes en el área de la Interacción Persona-Ordenador, tanto a nivel académico como empresarial. El congreso pretende, entre otras cosas, poner en contacto a diferentes grupos de investigación de todo el mundo, principalmente hispano parlantes, para establecer vínculos de colaboración, así como potenciar la relación entre la Universidad y la Empresa en todos los temas relacionados con IPO.
Interacción 2008 es un congreso internacional que tiene como principal objetivo promover y difundir los avances recientes en el área de la Interacción Persona-Ordenador, tanto a nivel académico como empresarial. El congreso pretende, entre otras cosas, poner en contacto a diferentes grupos de investigación de todo el mundo, principalmente hispano parlantes, para establecer vínculos de colaboración, así como potenciar la relación entre la Universidad y la Empresa en todos los temas relacionados con IPO.
La Asociación para la Interacción Persona-Ordenador (AIPO) lleva organizando este congreso desde el año 2000 (Granada), y se ha mantenido en sucesivas ediciones en Salamanca (2001), Leganés (2002), Vigo (2003), Lleida (2004), Granada (durante la celebración del CEDI 2005), Puertollano (2006), Zaragoza (durante la celebración del CEDI 2007), y este año, en su novena edición, en Albacete junto con el congreso internacional CADUI 2008.
Para más eventos en España y Latinoamérica: Agenda de Eventos.

Gracias al Weblog del Laboratorio Aragonés de Usabilidad.

miércoles, enero 16, 2008

Navegadores Accesibles y Gratuitos



Cuando hablamos de navegadores accesibles siempre se nos viene a la cabeza JAWS y los lectores de pantalla (Screen Readers).

Sin embargo hay otros navegadores, también accesibles, para personas con multiples discapacidades, además gratuitos y que están especialmente hechos para principiantes. Estos navegadores tienen la particularidad de trabajar con símbolos como verán en los pantallazos:

Una descripción corta de las características de cada uno la pueden encontrar en el post Free Accessible Web Browsers for Learners with Multiple Disabilities o detalles más completos en la página de cada producto.

¿A nosotros los desarrolladores/diseñadores Web de qué nos pueden servir estos navegadores? Sencillamente para pruebas, más cuando el JAWS no se puede usar para tests. Y recuerden que, además de estos tres navegadores, tenemos otros varios para probar la Accesibilidad Web.

Gracias a Curb Cut.

Ya Viene el ACID3

ACID2 Browser Test

Como muchos sabrán desde hace mucho tiempo existe el ACID2 Browser Test, el cual nos sirve de verificar si un navegador cumple con los Estándares Web.

Esta prueba tuvo bastante eco hace algunos días después de que Microsoft anunciara que IE8 ya pasa esta prueba, la cual no pasa Firefox 2 (aunque Firefox 3 si lo hará), pero que si pasan las últimas versiones de Opera y Safari.

La noticia de hoy es que ya están trabajando en el ACID3, el cual estará principalmente enfocado en ECMAScript y DOM. El test constará de 100 scripts, de los cuales 84 ya están definidos. Para los 16 restantes han hecho una invitación, en la cual puedes participar si eres un experto en JavaScript.

Validador de HTML5

Validator.nu (X)HTML5 Validator

El HTML 5.0 aún está como borrador y ya tenemos un validador para él: Validador de (X)HTML5 .

Gracias a UITest.com.

martes, enero 15, 2008

¿Están Bien Asignados los Colores de Tu Web?



La programación web no es más que otra forma de vender un producto que has de hacer llegar a los ojos de los clientes y enamorarlos en la primera impresión....
Los colores es lo segundo que nuestro cerebro capta despues de la estructura, por ese motivo hemos de pensar muy a conciencia que colores usar para vender nuestro producto. Al igual que colocamos en la parte superior el título de nuestra página para que sea lo primero que vea nuestro usuario, hemos de pensar en el conjunto y crear un estructura homogenea que transmita unos sentimientos al usuario.
En el blog Estandares y Usabilidad de Aplicaciones nos quieren recordar la importancia de la asignación de los colores en nuestros diseños, y es por eso que publicaron estos muy buenos post:
¿Ya evaluaste si los colores de tu Web transmiten realmente lo que quieres?

Presentaciones del Día de la Usabilidad en México

Centro de Estudios de Usabilidad A.C.

México fue uno de los países que participó del Día Mundial de la Usabilidad 2007 gracias al evento organizado por el Centro de Estudios de Usabilidad A.C., quienes acaban de publicar las 3 presentaciones que se hicieron ese día, a saber:
  • Estudio Comparativo de Usabilidad de los Sitios de Comercio Electrónico en México por el Centro de Estudios de Usabilidad A.C. (Recomendada)
  • Web 2.0 y el Impacto de las Redes Sociales por Jorge R. Martínez P.
  • Aprediendo del Web por Norberto Ortigoza
Presentaciones visibles y creo que descargables via SlideShare.

Purificador de HTML: HTML Purifier

HTML Purifier: Standards-Compliant HTML Filtering

He aquí la que parece una excelente herramienta para quienes trabajen en PHP: HTML Purifier.

Sus autores la promueven como:
  • Segura: Remueve el código malicioso (XSS) de tus programas.
  • Limpia: Te asegura un código que sigue los estándares Web ¿Te lo repito? ¿Te lo repito? ¿Te lo repito?
  • Abierta: Está hecha bajo la filosofía Open Source.
Puedes descargarla para tus proyectos en PHP 5.0, como una aplicación aparte o simplemente guarda en tus favoritos este DEMO, el cual estará siempre en línea.

Gracias a Intenta.

lunes, enero 14, 2008

Evaluación Heurística o Autodiagnóstico de Usabilidad

Laboratorio Aragonés de Usabilidad - Autodiagnóstico de Usabilidad

¿Deseas evaluar la usabilidad de tu sitio Web? Lo que siempre hemos leído es que hagamos pruebas con usuarios reales, pero también existen otras técnicas que nos pueden ayudar en esta tarea como la Evaluación Heurística.

Esta técnica consiste simplemente en responder un cuestionario, previamente hecho por expertos, y con las respuestas negativas que obtengas te darás cuenta qué puedes mejorar en la usabilidad de tu sitio Web.

Una excelente heurística y que te recomiendo tener siempre a la mano es la Guía de Evaluación Heurística de Sitios Web de No Sólo Usabilidad. Adicional a ella, yo recopilé algunas otras heurísticas (después del grupo de herramientas de CARD CORTING).

Toda esta introducción es para recomendarles una nueva heurística que he encontrado de la mano del Laboratorio Aragonés de Usabilidad: Autodiagnóstico de Usabilidad (para su uso es necesario registrarse gratuitamente).

Autodiagnóstico de Usabilidad

Además de ser un muy completo cuestionario (43 preguntas repartidas en 11 secciones), de cierta forma está automatizado y al final te muestra un informe sobre tu sitio. ¡Muy recomendable!

Actualización: Los invito a revisar una nueva heurística que acaba de publicar Fran Tarifa.

Referencia sobre Legislación Española

Ministerio de la Presidencia

Olga Carreras acaba de hacer una muy completa referencia sobre la legislación en España en cuanto Accesibilidad Web...

Si estás en España es la perfecta oportunidad para conocer todas tus obligaciones con tus sitios Web y tus visitantes.

Complementa de manera extraordinaria mi post Legislación sobre Accesibilidad en España y Latinoamérica y el trabajo de Sidar, quien constantemente está actualizando su página sobre legislación española.

domingo, enero 13, 2008

Ponencias del Italian IA Summit 2007

Italian IA Summit 2007

Comenzaron a publicar los videos de las presentaciones del Segundo Gran Encuentro Italiano de Arquitectura de la Información, evento que sucedió en Noviembre del año pasado.

La mayoría de las presentaciones están en Italiano, pero las de Eric Reiss y Jess McMullin están en inglés así que pueden ser de interés para muchos.

En próximos días publicarán los videos faltantes y las memorias.

Gracias a InfoDesign.

sábado, enero 12, 2008

Los Mejores Blogs de Diseño Gráfico

David Airey: Top 50 Graphic Desgin Blogs

Aunque pienso que el diseño gráfico no forma parte esencial del desarrollo Web, sí que forma parte importante de él. Al fin y al cabo, sabemos que un sitio estéticamente agradable se percibe como más usable.

Es por eso que hoy les traigo el listado de los 50 Mejores Blogs de Diseño Gráfico según David Airey.

Me gustó el listado especialmente porque está ordenado de acuerdo al PageRank de los blogs y porque está liderado por el blog de Veerle (PageRank de 8), diseñadora muy interesada en los Estándares Web.

No puedo dejar de vincular estos otros blogs con PageRank de 7:
Para el listado completo visita el post original, donde encontrarás otros conocidos de esta casa como I Love Typography y Smashing Magazine.

Actualización: En el50 acaban de publicar, el mismo Top 50 pero en español. Allí encontramos otros conocidos de esta casa como:

jueves, enero 10, 2008

La Galería de Formularios de Wufoo

The Wufoo Form gallery

¿Qué le puede faltar a Wufoo, uno de los más conocidos y usados generadores de formularios Web? ¡Pues precisamente una galería de formularios! Así que bienvenido sea: The Wufoo Form Gallery

The Wufoo Form gallery Homepage

Así que si buscas inspiración para tus formularios, tanto a nivel gráfico, como a nivel de diagramación y de preguntas... ¡Ya sabes a dónde ir!

Allí puedes encontrar ejemplos de Registros, Encuestas, Ordenes, Contáctenos, entre muchas otras... Además puedes revisar plantillas en HTML o temas en CSS. Una gran variedad de tipos de formularios y de categorías. Todas ellas descargables gratuitamente o para utilizarla en tu cuenta de Wufoo. ¿Qué más puedes pedir?

Esta maravilla está disponible desde finales del año pasado y me di cuenta gracias a LukeW.

Seminario La Nueva Legislación sobre Accesibilidad Web en España

torreburiel + hispalinux

Ya sabemos cómo está la movida en España con la variedad de leyes en pro de la Accesibilidad que fueron aprobadas en el 2007.

Ahora los desarrolladores, al igual que las empresas españolas, se deben estar preguntando: ¿Qué tanto afectan estás leyes nuestros sitios Web?

Pues en Zaragoza estará la respuesta en manos de Torres Burriel y HispaLinux, quienes darán el Seminario La Nueva Legislación sobre Accesibilidad Web y sus Implicaciones Técnicas. La entrada es libre, así que es como para no perdérselo.

Otros eventos en nuestra agenda.

miércoles, enero 09, 2008

TAW es el Validador de Accesibilidad Más Utilizado

TAW + Examinator + Hera

¿Recuerdan la pequeña encuesta que hicieron en SoftWAI sobre son los validadores de acccesibilidad más usados?

Ya están los resultados y los ganadores son:
El número de encuestados fue de tan sólo 124 personas, pero nos deja una idea de más o menos cómo es la movida en cuando a Validadores de Accesibilidad en Español.

Igualmente los invito a leer lo que Fran Tarifa, con bastante experiencia con estos validadores, escribió al respecto de estos resultados.

martes, enero 08, 2008

Presentación: Accesibilidad Web

Accesibilidad Web

Acaban de publicar la presentación Accesibilidad web: principios, mitos y algunos ejemplos prácticos que hizo Jordi Sánchez (Grupo SQUaC e Instituto Tecnológico de Informática (ITI)), con motivo de las Jornadas Expo QA.



Esta presentación, descargable en formato PDF, fue presentada en noviembre del año pasado y complementa mucha de la información que vemos en los blogs interesados en la Accesibilidad. Por lo tanto, ¡si te interesa la Accesibilidad no dudes en decargarla!

En la presentación destaca la cantidad de buenos ejemplos, aunque me desencantó un poco la saturación de los textos.

10 Malentendidos sobre Interaccción y Usabilidad

Bleg: interactividad + usabilidad

Les comparto un muy buen post, original publicado en Bleg, blog de Interactividad, Usabilidad y Web: 10 Malentendidos sobre Interaccción y Usabilidad.

Actualización: Este post NO es original de Bleg. El original es de Javier Cañada y lo publicó en el 2003. Extraño que en Bleg no referenciaran la fuente original. Gracias a Yusef.

La interacción persona-computadora es una disciplina relativamente joven. Por eso, es habitual que se generalice, se mezclen conceptos y se caiga en tópicos, falacias y malentendidos. He aquí los diez más habituales.

  1. Si diseño cosas usables, hago Diseño Centrado en el Usuario
    (usabilidad ≠ DCU)

    Pues no. El Diseño Centrado en el Usuario consiste en diseñar mediante metodologías que involucren activamente a usuarios reales y futuros en el proceso. Al principio, para investigar necesidades, características y limitaciones; y más tarde para evaluar directamente que el diseño se ajusta a sus requisitos de usabilidad, funcionalidad, etc.
    Diseñar objetos usables es algo muy loable, pero NO ES necesariamente Diseño Centrado en el Usuario.

  2. Usabilidad es diseñar algo para que cualquiera pueda usarlo
    (diseño universal ≠ usabilidad)

    No es correcto. La usabilidad es la facilidad de uso que representa un objeto (sistema, interfaz…) para sus usuarios. Y estos no serán, muy probablemente, el mundo entero. Hay aplicaciones que van a ser usadas por un grupo de usuarios inmensamente amplio, y que necesitan de un enfoque universalista. Sin embargo, la mayoría de los sistemas interactivos se hacen para públicos muy específicos. Cuanto más adaptados estén a ellos (y por ende más desadaptados al resto), más usables serán.

  3. El diseño que se adapta a los estándares tecnológicos es diseño usable
    (estándares ≠ usabilidad)

    Falso. El diseño que se adapta a los estándares tecnológicos… se adapta a los estándares. Punto. Otra cosa es que se adapte a los usuarios (algo muy distinto). Podríamos diseñar algo que “validara” con los estándares de la W3C, los ISO o la Convención de Ginebra, y sin embargo podría ser la cosa más inútil e inusable del mundo. Si algo funciona como debe.. ¡a quién le importa la tecnología!

    Evidentemente, que se adapte a los estándares tiene muchas ventajas en muchos aspectos, pero no es correcto asociar los estándares tecnológicos con la usabilidad.

  4. Un diseño usable suele ser conservador y poco innovador
    (creatividad ≠ usabilidad)

    Mentira. Para conseguir que algo se adapte al máximo a los usuarios hace falta tener buenas ideas, y a menudo inventar formas nuevas de hacer las cosas. Evidentemente, a veces la solución ya existe; y como es conocida, pues se adopta más fácilmente que la desconocida.

  5. Un diseño minimalista es un diseño usable
    (minimalismo ≠ usabilidad)

    Incorrecto. El minimalismo visual no tiene por qué ser sinónimo de usabilidad. De hecho, si el minimalismo afecta a aspectos necesarios de la interacción, el efecto puede ser catastrófico (elementos importantes con tamaños milimétricos). No debemos confundir el minimalismo con el deconstructivismo (eliminar todo lo superfluo), que sí es una aproximación válida a la usabilidad.

  6. Si diseño pensando en los usuarios, estoy haciendo diseño centrado en el usuario
    (DCU ≠ diseño orientado al usuario)

    Falso. Una cosa es el diseñar enfocado al usuario, y otra es la me-to-do-lo-gía de Diseño Centrado en el Usuario. Se pueden hacer cosas muy usables y muy adaptadas sin contar con usuarios reales en el proceso de diseño, pero no será DCU. ¿La diferencia? Pues que la metodología de DCU es más fiable, precisamente porque no basamos las decisiones en suposiciones, sino en hechos.

  7. La arquitectura de información es parte de la usabilidad
    (AI ≠ usabilidad)

    No. La arquitectura de información comprende una serie de técnicas para estructurar información a muy distintos niveles, pero su fin no es asegurar la facilidad de uso de un sistema, sino la recuperación eficiente de información.

    Una buena arquitectura de información puede hacer que un sistema sea más usable cuando se trate de contenidos. Pero hay muchos otros sistemas interactivos que tienen poco que ver con la arquitectura de información y sí mucho con la usabilidad.

  8. Un diseño accesible es un diseño usable
    (accesibilidad ≠ usabilidad)

    Error. Un diseño accesible es aquel que no pone barreras de acceso a su público objetivo, lo cual no significa que ese diseño vaya a ser fácil de usar, sino que se PUEDE usar. Para más inri, a menudo se asocia accesibilidad con invidentes. En realidad, el publico objetivo al que se destinen ciertas medidas de accesibilidad pueden ser los invidentes, los sordos, los usuarios de PDA, los que navegan con Netscape, los que no tienen un plugin instalado… La accesibilidad tiene que ver con eliminar barreras, no con la facilidad de uso.

  9. Respetar los estándares tecnológicos garantiza un diseño accesible
    (estándares ≠ accesibilidad)

    Tampoco. Respetar los estándares puede ayudar mucho a que un diseño sea accesible, pero hay muchos elementos de accesibilidad que no son sólo tecnológicos. La forma en que una persona sorda procesa la información textual (palabras como signos) no tiene nada que ver con que valide o no. La forma en que interpretará ciertos gráficos una persona con deficiencias de percepción del color no tiene que ver con la versión de su navegador, etc.

    Respetar los estándares asegura cierta accesibilidad en aspectos de formato, pero no elimina barreras cognitivas.

  10. La estética juega en contra de la usabilidad
    (estética vs. usabilidad)

    ¡MENTIRAAAA!. La estética no sólo no va en detrimento de la usabilidad sino que puede jugar a su favor, incrementando su percepción. Un buen ejemplo es el experimento de los cajeros, donde se demuestra que un cajero automático con una estética cuidada se percibe como más usable que otro con la estética más descuidada pero que objetivamente es más fácil de usar.

    Otra cosa muy distinta es el styling, la ornamentación. El styling SÍ es añadir elementos superfluos. Y esos elementos a menudo van en detrimento de la usabilidad. Pero la estética no. La estética es una necesidad del hombre.

Visto en Inclusión y Michael Muller.

El Navegador SpaceTime ya está Aquí

It´s Here. SpaceTime 1.0

Ya se puede descargar la versión 1.0 del navegador SpaceTime, muy conocido por su interfaz en 3D.



Desde el punto de vista de Estándares Web no es ninguna novedad, ya que este navegador utiliza el motor de Internet Explorer, así que NO lo podríamos considerar dentro de los llamados Navegadores Alternativos. Adicionalmente, ofrece pocas posibilidades de ser un navegador Accesible al estar enfocado totalmente a un ambiente gráfico.

Sin embargo desde el punto de vista de Experiencia de Usuario resulta algo muy novedoso por su interfaz en 3D. La pregunta es: ¿mejor o peor que Internet Explorer? Los usuarios y el tiempo lo dirán...

lunes, enero 07, 2008

Internet Explorer ya Sigue los Estándares Web

Internet Explorer con los Estándares Web

¿Cuál es la mayor queja contra Internet Explorer? Simplemente que no sigue los Estándares Web. Pero, aunque parece increible, ya lo hace y desde la versión 5 inclusive.

Esta maravilla, se puede lograr gracias a IE7-js, una librería de Javascript que logra que IE se comporte como un navegador acorde con los estándares. Corrige muchos de sus comportamientos y además hace funcionar correctamente los PNG transparentes bajo IE5 e IE6.

Es tan novedoso este JS que puede tanto actualizar IE5 y IE6 para ser compatibles con IE7 como actualizar los IE5, IE6 e IE7 con características avanzadas que se verán en IE8.

Personalmente he trabajado con la librería IEPNGFix v1.0, la cual permite tener PNGs con transparencias en IE 5.5/6.0. Pero si esta nueva librería, además de lograrlo en IE 5.0, hace que IE siga los Estándares Web, debería convertirse en el JS obligado para todos nuestros desarrollos Web.

Desafortunadamente, yo tengo instalado IE 7 y en el IE 6.0 de Multiple IEs no funcionan estas librerías.

Actualización: Volví a instalar los IE 5.5 e IE 6 de Multiple IEs y ya me funcionan los PNGs transparentes con IEPNGFix (antes no lo hacían en mi máquina). Sin embargo con la librería IE7-js NO me funcionan. No se si es por estos Multiple IEs.

¿Quién tiene un IE 6 "original" para que nos cuente si tanta maravilla es verdad?

Gracias a Intenta.
100 Web Design Template Sources, Tools and Resources

Hoy les traigo la excelente recopilación que hizo Design Vitality: Caja de Herramientas de Diseño Web Open Source: 100 Plantillas, Herramientas y Recursos de Diseño Web.

Dentro de ella encontramos:
  • Los 4 mejores directorios de Plantillas.
  • Los 6 mejores programas de Diseño Web.
  • 39 Sitios de Plantillas (de Diseño Web) Completas.
  • 29 Sitios con Layouts en CSS (complementanto mi post de hace unos días: Diagramación con Hojas de Estilo)
  • 10 Generadores y Herramientas Automáticas de CSS.
  • 12 Plantillas y Temas para Blogs.
Todos estos recursos de uso totalmente gratuito.

Gracias a ARTEGami.

sábado, enero 05, 2008

Curso Online sobre Accesibilidad Web

Fundación CTIC - Accesibilidad Web

En este mes hay un nuevo Curso ONLINE sobre Accesibilidad y Usabilidad Web a cargo de la Fundación CTIC.

El curso comienza el próximo 22 de Enero y tiene un costo de 300 euros.

El contenido del curso está distribuido en 6 módulos, a saber:
  1. Introducción a la accesibilidad
  2. Pautas de accesibilidad al contenido web
  3. Herramientas de evaluación y reparación
  4. Introducción a la usabilidad
  5. Creación de sitios usables y arquitectura de la información
  6. Métodos de usabilidad y técnicas de evaluación
Recuerden que pueden revisar otros cursos en España y Latinoamérica en: Agenda de Eventos en Español, Estudios en España y Estudios en Latinoamérica.

Gracias a la lista Acceso Web.

jueves, enero 03, 2008

Google Mobilizer



Google Mobilizer es una herramienta de Google, cuyo fin es convertir tu sitio web y adaptarlo para ser navegado en dispositivos móviles (PDAs o celulares). Algo muy útil si deseas navegar en tu móvil. Ya sabemos que son pocos los sitios que están preparados para ello.

Pero además de ayudarle a los navegantes de los móviles, también nos puede ayudar a verificar los contenidos de nuestro sitio. ¡Porque si tu sitio está bien contruido esta herramienta podrá mostrar todo tu contenido fácilmente!

¡Es más! La versión móvil de tu sitio está a un clic de distancia: http://google.com/gwt/n?u=www.TUSITIO.com.
Mira la versión móvil de este blog.

Veamos un ejemplo de un sitio que a mi parecer, no está bien construido: el sitio del Grupo Bancolombia (¡El Banco que guarda todos mis millones! :P). Este es un sitio relativamente nuevo y considero que hace un uso excesivo de Flash. Todo su contenido lo esconde trás unas hermosas animaciones que parecieran para televisión.

Versión en Firefox:
Bien... Se puede navegar, aunque el sitio es pesado por su gran cantidad de contenido en Flash:
El Sitio del Grupo bancolombia visto en Firefox

Versión en el iPhone Tester:
Regular... Como el sitio no tiene una versión móvil se genera un gran scroll horizontal.
El Sitio del Grupo bancolombia visto en iPhone Tester

Versión en el Google Mobilizer:
Mal... De este sitio lo único que se puede mostrar son sus últimas noticias y un gran menú. Todo el contenido que está publicado en su home a través de Flash se perdió. Es decir, los vínculos al Sitio Transaccional y las campañas del Misterio Dorado, de Caracol, de Seguridad, etc.
El Sitio del Grupo bancolombia visto en Google Mobilizer
Y claro... Si esta herramienta no pudo "ver" este contenido, que para la compañía es muy importante (si no lo fuera no estaría en el Home ni le gastarían todas esas animaciones), no lo podrán ver los buscadores como Google, ni las personas que utilizan es navegadores especiales, etc.

Y recuerdan ¿cómo se ve este sitio en Opera Mini?
Igualmente de mal...


Gracias a pixelco.us blog y Genbeta.