Descubro vía Stopdesign que la revista .net ha empezado una campaña para borrar Internet Explorer 6 (IE 6) de la faz de la tierra. Esta noticia me llena de una profunda satisfacción. La web ha sido creada tras un artículo de .net en el que preguntan a diseñadores y gurús si es factible darle fin a IE 6 y analizan el problema en torno a este navegador. La web ofrece las ideas clave de ese artículo y brevemente enumera las acciones que podemos tomar.

Alguna de las joyitas de la página:

…finalmente es hora de llevar IE6 detrás del cobertizo y pegarle un tiro.

IE 6 es una de esas abominaciones que sigue viva por pereza, malas prácticas o simplemente por ignorancia. Es también una continua pesadilla para todos aquellos que diseñan aplicaciones o páginas web, debido al gran número de hacks o parches que se deben implementar para hacer funcionar en él los diseños más básicos. Si existe un cuerpo (la w3c) que se encarga de fijar los estándares web, deberían ser los navegadores quienes se adapten al estándar y no los diseñadores los que dilapiden recursos y tiempo para hacer que esos diseños, que cumplen el estándar, funcionen en IE 6.

Pero por qué tanto jaleo por un navegador tan viejo? Porque aproximadamente la mitad de los usuarios de IE siguen usando la versión 6. Esto se debe, emho, a varias cosas:

• Durante mucho tiempo la actualización a IE 7 fue exclusiva para el “Programa de Ventajas de Windows Original” (explicar lo estúpido que me parece esto requeriría demasiado tiempo).
• Muchos usuarios no han hecho una actualización a Windows en su vida.
• Muchos usuarios no tienen ni la más remota idea de qué versión de navegador están usando.
• El colectivo de diseñadores, gurús informáticos, escritores y editores web no ha sabido comunicar la importancia (y la urgencia) de la actualización.

Muchos usuarios se quejan de que no hay nuevas versiones disponibles para sistemas antiguos (por ejemplo no hay IE 7 para Windows 2000), pero creo que esta es una excusa un tanto pobre. Hay muchos navegadores alternativos que sí funcionan en esos equipos (por ejemplo Google Chrome funciona en Windows 2000, aunque se queje un poco).

No es que IE 7 sea perfecto; es mejor que IE 6, pero aún deja mucho que desear. Tendremos que esperar a IE 8.

Encontrar esta web me ha producido un exagerado desahogo, ya que llevo unos cuantos días dándole el plomazo a los que me siguen en Twitter precisamente con este tema.

Como dice Jeff Zeldman:

IE6 es el nuevo Netscape 4

Por cierto, se me olvidaba: Si usas IE 6 y prefieres seguir usando IE, corre a actualizar, por favor! Pero recuerda que también tienes Firefox, Opera, Safari o Google Chrome, que son mucho más respetuosos con los estándares.

ACTUALIZACIÓN 17/03: Y la noticia hace portada en menéame.

Los mapas visuales de páginas web nos dan una idea de qué es lo que está pasando por detrás de las cortinas. Las páginas están normalmente diseñadas desde un punto de vista “humano”, haciéndo énfasis en lo queremos que otra persona perciba al verlas y de forma que la organización espacial de los elementos que la componen hagan la información más accesible o, según los casos, predetermine a esa persona a fijar la atención en un elemento determinado.

La estructura de la información que contienen las páginas debería ser más artificial (o menos humana), ya que los estándares web tienden hacia una separación de contenido y código mediante el uso de etiquetas con valor semántico. Por simplificar mucho una historia muy larga, podríamos decir que la estructura de todas las páginas debería ser la misma:

• Título
  • Encabecado 1: Contenido
    • Subencabecado 1: Contenido
  • Encabecado 2: Contenido
  • …

Pero la realidad es que en ocasiones se utilizan esas etiquetas semánticas un poco fuera de su contexto, p. ej. se puede utilizar un subencabezado con una tipografía más llamativa que un encabezado. Una práctica muy común es utilizar contenedores “dummy” (sin ningún valor semántico, por ejemplo <div> y <span>) para ayudarnos a posicionar elementos en la página o dar mayor peso a determinados contenidos.

A la derecha podéis ver mapas visuales realizados mediante websitesasgraphs. La superior corresponde a la portada de esta web y la inferior a la portada del blog. El significado de los puntos es el siguiente:

azul: enlaces (la etiqueta <a>)
rojo: tablas (etiquetas <table>, <tr> y <td>)
verde: la etiqueta <div>
violeta: imágenes (etiqueta <img>)
amarillo: formularios (etiquetas <form>, <input>, <textarea>, <select>, y <option>)
naranja: párrafos, líneas nuevas y citas (etiquetas <p>, <br> y <blockquote>)
negro: la etiqueta <html>, el nodo raíz
gris: el resto de etiquetas

Me parece una curiosa forma de hacerse una idea del contenido de una página.