Internet Explorer y la gente rubia.

Internet explorer

Esta es una anécdota surgida en una charla con un cliente sobre la renovación de su sitio web. Se trataba de una web obsoleta realizada hace años con Frontpage y dejando de lado su anticuada estética, además se descuadraba totalmente en navegadores que no fueran Internet Explorer.

El cliente estaba empeñado en actualizar solo su parte gráfica dejando su estructura, hecha a base de tablas html. Yo le insistía en que lo más recomendable era hacer un diseño desde cero para que fuera totalmente compatible con los estándares actuales y todos los navegadores. Pero él no estaba convencido de aumentar el presupuesto, pues en su opinión, todos los internautas usan Internet Explorer para navegar. Por lo que el tema se alargó y acabe poniéndole el siguiente ejemplo:

-Imagínate que tienes una empresa que necesita una alta seguridad y quieres que todos lo clientes antes de entrar se identifiquen. Por lo que yo te ofrezco una solución tecnológica para hacer el proceso mucho más cómodo a tus clientes, poner un sensor biométrico que identificara a los clientes habituales por su apariencia y les dejara entrar directamente. ¿Que te parecería?

-Pues muy bien, me ayudaría a ofrecer un mejor servicio.

-Bien, yo instalo el sistema y lo probamos. Funciona correctamente con la mayoría de las personas pero detectamos que falla con la gente rubia. Por alguna razón el sensor tiene problemas para distinguir el pelo de color claro y esas personas tras varios intentos, necesitan finalmente sacar su documentación e identificarse manualmente. ¿Te parecería bien usar ese sistema?

-Claro que no, afectaría a muchos clientes y acabaríamos teniendo quejas.

-Bien, un sitio web es similar a ese sistema de identificación, pues también te permite ofrecerles información y servicios de forma más rápida y cómoda a tus clientes. ¿correcto?

-Sí.

-Y si te digo que en España la gente con el pelo claro supone menos del 20% de la población. Mientras que los internautas que usan navegadores diferentes de Internet Explorer se acercan al 40%.

El cliente se quedo pensando unos segundos, tras lo cual me dijo que desarrollara la web desde cero.

Un ejemplo de que muchas empresas acaban con sitios web incompatibles por  no entender realmente el mercado al que intentan adaptarse. Pero, mediante ejemplos como el citado, podemos conseguir que vean la importancia real de causarles problemas al 40% de sus clientes. (más…)

Redirige los navegadores móviles a otra versión de tu web.

Detect Mobile Browser

Cada vez los teléfonos móviles tienen más importancia en el diseño web, si hace unos años casi nadie usaba Internet desde el móvil, hoy día es un sector con un enorme crecimiento gracias a modelos como el iPhone o los nuevos Android. Eso nos plantea un problema, pues es difícil crear un sitio web que sea valido tanto para resoluciones de ordenador, como para las pequeñas pantallas de los dispositivos móviles. Y si creamos 2 versiones alternativas nos surgirá otra duda, ¿cómo filtramos a los usuarios según el dispositivo desde el que accedan?

Una respuesta a ese problema nos la da el proyecto Detect Mobile Browser que facilita código libre en diferentes lenguajes de programación (Apache .htaccess, ASP, ColdFusion, JSP, Javascript, PHP, Python y Rails) para redirigir a los usuarios de navegadores móviles a una versión especial de nuestro sitio web, que previamente hayamos adaptado.

El código es simple y claro, por lo que no nos supondrá demasiado esfuerzo integrarlo en nuestros proyectos. Además, usa una lista de navegadores bastante completa y actualizada.

También nos ofrece otra alternativa, crear direcciones basadas en su propio dominio que  filtraran a los visitantes según su navegador. Yo no le encuentro demasiada utilidad, quien querría compartir una dirección como esta:

http://detectmobilebrowser.com/www.dglibre.com|www.dglibre.com/mv

No solo resulta excesivamente largo, sino que afectaría gravemente a nuestro SEO. (más…)

¿Qué resolución real tienen la mayoría de internautas?

Cuando un diseñador web empieza un nuevo proyecto las primeras preguntas que debe hacerse son:

¿Un diseño fluido o estático? y de ser estático, ¿qué resolución usaran la mayoría de los visitantes en el sitio web?

Preguntas no siempre fáciles de responder pues aunque tengamos una idea aproximada de las resoluciones más usadas, no tenemos sobre la mesa estadísticas fiables.

Actualmente no cabe duda de quien tiene más datos sobre los internautas, Google. La cantidad de información que maneja es incluso preocupante pero en este caso nos resultara muy interesante. Partamos de la base de que es casi imposible que, durante un mes, un internauta no visite el buscador de Google o alguna web con Analytics, se puede decir que tienen todos los datos reales y además actualizados. Por eso la nueva herramienta resulta extremadamente útil:

Google Browser Size (más…)

Prueba tus sitios web en todos los navegadores.

Test navegadores

Cualquiera que se dedique al diseño web o al desarrollo de aplicaciones online sabe que un proyecto, antes de considerarse terminado, debe ser probado en la mayor cantidad de navegadores posible. Una forma de simplificar el trabajo es hacer pruebas según el motor interno de cada navegador, que principalmente son:

  • Trident: Internet Explorer
  • Gecko: Firefox, Flock, Camino, K-Meleon, Epiphany, etc…
  • Webkit: Safari, Chrome, Konqueror, etc…
  • Presto: Opera

Si probamos el nuevo sitio web en al menos un programa de cada grupo y no aparecen problemas, nos aseguramos una buena compatibilidad. Pero también es cierto que cada navegador usa una versión diferente de su motor de renderizado, por lo que este truco no resulta del todo fiable.

Por ese motivo en los últimos años han aparecido servicios que nos facilitan hacer pruebas en casi todos los navegadores existentes y en un amplio rango de versiones. Desde las más modernas, a otras con una década a sus espaldas que nadie con un poco de cordura usará, por ejemplo IE 4. (más…)

Al infierno con Internet Explorer 6.

noie6

Con la reciente salida de Internet Explorer 8, por fin he tomado la decisión de no dar más soporte a la versión 6, ni en mis sitios web, ni en trabajos para clientes. Basta ya de los malditos hacks en css, de no poder usar imágenes png de 24bits con transparencias, etc..

La versión 7 ya supuso en su día un poco de aire fresco, tampoco mucho pero al menos tapaba las carencias más graves. Ahora la versión 8 supone una gran mejora y aunque su soporte de Acid3 test es un penoso 20/100 (el peor entre los navegadores que han salido o saldrán durante el 2009), al menos trae una excelente noticia consigo: Internet explorer 6 está obsoleto por 2 versiones y, por tanto, no considero necesario seguir probando nuevas webs para asegurar su compatibilidad.

Aun así, soy consciente de que demasiada gente sigue usando dicha versión. Según las estadísticas de este blog el 34% de los usuarios de IE tienen la versión 6, lo cual es difícil de entender pues:

  • Microsoft ya no ofrece soporte, estando sus usuarios desprotegidos ante los últimos fallos de seguridad.
  • Muchos sitios web modernos no funcionan correctamente por su deficiente soporte de estándares.
  • Está obsoleto en todos los sentidos, por favor, si ni siquiera tiene pestañas.
  • Su rendimiento comparado con la versión 8 u otros navegadores es pésimo.

(más…)