1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Diferencias entre navegadoresimagen de Channy Yun

No todos los navegadores fueron creados iguales

Hay muchos navegadores, unos mejores que otros, está por ejemplo Internet Explorer 6, que apareció el 27 de Agosto de 2001 (sí, hace 7 años), también tenemos a Interntet Expolorer 7 (2006) o a Firefox 3 (2008).

¿Por que es importante saber eso?

La tecnología avanza, y los navegadores cada vez tienen mayores capacidades, son más estables, seguros, etc.

Pero pensar sólo en cuestión de navegadores estaría mal, es mejor pensar en las personas que usan esos navegadores, ¿qué es lo que esperan ellos de la web?

Aquí tenemos 2 casos, las personas que usan:

  1. Navegadores antiguos como IE6
  2. Navegadores modernos como Firefox 3

1. Usuarios de navegadores antiguos.

Alguien que usa un navegador antiguo como IE6 ya está acostumbrado a ver la web a la manera de IE6, esto significa que está acostumbrado a navegar en páginas que no se ven "perfectas".

Los navegadores antiguos no usan todos los selectores disponibles en CSS 2.1 y ni hablar de CSS 3, también tienen problemas con nuevos formatos de imágenes como el png

2. Usuarios de navegadores modernos.

Los navegadores modernos, en cambio, aprovechan al máximo la tecnología. Esto hace que la experiencia en la web de las personas que usen estos navegadores pueda ser mucho mejor que usando un navegador antiguo.

El mito de los navegadores

Nota: lo que voy a decir a continuación puede herir la susceptibilidad de varios diseñadores web.

Ahí va...

No diseñes para Internet Explorer 6- Germán Martínez

Lo que la mayoría de diseñadores hacen, es diseñar páginas pensando en IE6, quieren que sus páginas se vean exactamente igual en todos los navegadores (lo cual no está mal), el problema es que usan a IE6 como estándar para probar todas sus páginas.

Y eso está muy mal

Al final, usar a IE6 como estándar es, en mi opinión, lo que arruina a la web.

Si puedes hacer que una página se vea increíblemente bien en los navegadores modernos, y no lo haces simplemente porque no se ve bien en un navegador antiguo, entonces tus diseños nunca serán lo que podrían llegar a ser, estarás atrapado diseñando páginas para personas que no buscan una experiencia alucinante, y te olvidarás de todos aquellos que quieren tener una mejor experiencia en la web.

Ahora, no estoy diciendo que una página deba verse mal en un navegador antiguo, pero es totalmente comprensible y además recomendable, que una página se vea mejor en navegadores que dan más opciones.
Al final los usuarios te lo agradecerán.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Laren Laren

    NO DISEÑES PARA INTERNET EXPLORER 6 = NO DISEÑES PARA EL MAYOR PORCENTAJE DE USUARIOS PERUANOS EN INTERNET.

    Creo que hay que tomar el camino supuestamente dificil:

    DISEÑA PARA "LOS NAVEGADORES QUE USA TU PUBLICO"
    Si trabajas en Perú eso son:
    - IE6(va disminuyendoo, pero aún está a la cabeza)
    - IE7
    - Firefox2
    - Una minoría que usa
    - - Firefox3(va creciendo)
    - - Opera(también va creciendo).

  2. Avatar de Germán Germán

    Laren,
    Lo primero que hay que decir es que internet no te restringe a un mercado en particular, la mayoría de páginas están pensadas para una audiencia mundial.
    Aún así, las páginas cuyo target sea específicamente el peruano pueden verse mejor en mejores navegadores. ¿cual es el problema con eso?
    Te doy un ejemplo en esta web, prueba resaltar texto en firefox y luego en IE6 o 7.

    Sé que este tema es polémico, pero IE6 es un navegador demasiado anticuado que no hace uso de varias propiedades de CSS, ¿por que dejar de usarlas sólo por un navegador?

    Por cierto, no olvides a la gente que usa Mac, prueba tus páginas en Safari ;)

  3. Avatar de Germán Germán

    Laren, te dejo un ejemplo:
    En cuestión de navegadores IE6 es un datsun del 70 mientas que Opera vendría a ser un Mercedes del 2006.
    Así como la gente (que puede :P) se compra un auto mejor, la gente que quiere una mejor experiencia en la web usa un mejor navegador.

    De nuevo, un diseño debe verse bien en IE6, pero si quieres agregarle algo "extra" que IE6 no te "permita", simplemente hazlo, los usuarios de otros navegadores te lo agradecerán.
    (y los usuarios de IE6 seguirán viendo la página de la misma manera).

  4. Avatar de Laren Laren

    Humm...dudo mucho que estemos hablando de ese tipo de pequeñeces XD.
    -
    El tema de resaltar el texto es como intentar decirle a IE6 que abra un link en una nueva "pestaña". Obviamente esas son cosas imposibles(sin complementos).
    -
    A lo que yo me refiero es a lo que si está en nuestras manos, por ejemplo mostrar de la forma correcta tu pie de pagina sin usar PNG trasnparentes o usando el PNG FIX(el ultimo lanzado por UNIT INTERACTIVE pesa menos de un KB - http://labs.unitinteractive.com/unitpngfix.php).

    Saludos tio...si tienes IM seria bueno charlar.

  5. Avatar de Germán Germán

    Laren, era sólo un ejemplo, lo de la nueva pestaña nunca me ha parecido, los links deberían abrirse siempre en la misma ventana/pestaña.

    Sobre el png, quería la semi transparencia, hubiese sido fácil usar un gif o el fix al que te refieres, pero simplemente no es importante. (sobre todo porque este es mi sitio y no el de un cliente).

    Trato de usar la tecnología más moderna posible, y si no se ve tan bien en IE6, no hay roche. ;)

  6. Avatar de Laren Laren

    jajaja...lo de la pestaña es solo un comentario irónico, acaso IE6 tiene pestañas?

  7. Avatar de elQuique elQuique

    IE6 no solo tiene pestañas, si no barba, y pelos en las orejas jaja :) es eterno, cambia pues.

    Las pelis tampoco vienen en VHS y en los 90 era lo que mas tenia la gente ;)

    pd: alguien sabe cuando se lanza el cassette nuevo de Guns N' Roses ?

  8. Avatar de Yeow Yeow

    "No diseñes para IE6"???
    abra una campaña que diga:
    "No diseñes para FireFox"???

    Tampoco hagamos de Firefox el mejor. Lejos tienen ventaja Safari y Opera. Que lamentablemente no son TAN reconocidos como IE o FF.

    FireFox tambien tiene su modo de interpretar las cosas como se les da las ganas.

    Quieren un navegador que realmente haga lo que dice la programación? Entonces sabrían que Opera y Safari son la respuesta.

    Dejen de inflar a FF, y opten por verdaderos y estables navegadores.

    A mi querido Opera no lo cambio por nada. (y por lo que se ve, la nueva versión 10 de opera viene con todo!)

  9. Avatar de Braichu Braichu

    Y que ahi de los navegadores como Avant browser y flock

    Son mui rapidos os los aconsejo

  10. Avatar de Stewart Stewart

    Según versiones el ranking de navegadores web en junio de 2009 es:

    1.Internet Explorer 6: 29.16%
    2.Internet Explorer 7: 27.26%,
    3.Firefox 3.0: 20.03%
    4.Internet Explorer 8: 8.63%
    5.Opera 9: 1.88%
    6.Chrome 2.0: 1.74%
    7.Firefox 2.0: 1.65%
    8.Safari 3.2: 1.34%
    9.Safari 4.0: 1.21%
    10.Safari 3.1: 0.59%
    11.Chrome 1.0: 0.57%

    Yo diseño para Internet Explorer 8 y solo hago mis pruebas para firefox, el resto de navegadores no me interesa.

  11. Avatar de Stewart Stewart

    De las nuevas estadísticas obtenidas se configura el ranking de navegadores web del mes de junio 2009 que sitúa a:

    - Internet Explorer (68.32%) a la cabeza seguido de
    - Mozilla Firefox (22.43%),
    - Safari (3.79%),
    - Chrome (2.40%) y
    - Opera(2.03%).

    Fuente: http://www.desarrolloweb.com/actualidad/ranking-navegadores-junio-2009-2203.html

    si alguien tuviese un mejor ranking que lo coloque para comparar, pues esto es lo que encontré.
    saludos.

  12. Avatar de Genner Genner

    Estoy usando el Chrome, me parece espectacular, ojala y la gente descubra este buen navegador.
    Ustedes que piensan?

  13. Avatar de taxXx taxXx

    sin duda es un tema del que no hay mas que pura discusion. porque en la mayoria de los casos es mas cuestion de gusto que de profesionalismo.

    sin duda yo creo que cuando diseñas una pagina tienes que pensar en IE, pq como dijeron arriba tienes que pensar en el publico, pero a menos que te lo requieran, soliciten o exigan los clientes no tienes pq limitarte.

    Un mejor diseño y uso de tecnologias siempre hace a una pagina mas llamativa, agradable, navegable, etc..... y por tanto deja resaltar tu calidad como programador/diseñador, a final de cuentas estar imprimiendo tu sello como un profesional o alguien qe pretende serlo.
    Por eso yo solo pruebo las paginas con IE8 y FF3, a menos que se deba hacer de otra manera como dije.

    pd: yo prefiero OPERA para navegar, sin duda es excelente, y de vez en cuando Firefox, al final IE (maldito IE, aunqe no quieras debes usarlo).

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910