Sitio web técnico: ¿debo suponer que mis visitantes usarán un navegador moderno?

18

Estoy en el proceso de crear mi propio sitio web, que incluirá un blog técnico. Quiero construir mi sitio web utilizando tecnologías modernas como HTML5 y CSS3.

Dado que mi sitio web estará dirigido a programadores y en su mayoría usuarios expertos en tecnología , ¿debo dar por sentado que estas personas usarán un navegador moderno? ¿O debería hacer que mi sitio sea compatible con navegadores antiguos por si acaso?

No quiero pasar por la molestia de adaptar mi sitio web para que sea compatible con los navegadores que supongo que no se usarán.

ACTUALIZACIÓN: He leído las respuestas hasta ahora y parece que te perdiste un detalle importante sobre la pregunta. Entonces, en caso de que no esté claro, concentre sus respuestas teniendo en cuenta la naturaleza del sitio:

mi sitio web estará dirigido a programadores y en su mayoría usuarios expertos en tecnología

Considerando esto, ¿debo dar por sentado que estas personas usarán un navegador moderno?

marco-fiset
fuente
1
La mayoría de las empresas con las que trabajo requieren sitios web para trabajar con IE7 +. Si los usuarios aún tienen IE6-, es porque tienen poco interés en la tecnología.
Evik James
Entonces, si estos usuarios tienen poco interés en la tecnología, ¿por qué vendrían a mi sitio web?
marco-fiset
44
Me sentiría seguro asumiendo que el 99% de las personas que leen blogs de tecnología están en la industria de la tecnología y tienen un navegador moderno y saben exactamente cómo usarlo.
Evik James
Si son realmente expertos en tecnología, podrían estar navegando en su sitio usando lynx:)
Ken Liu

Respuestas:

12

Agregue Google Analytics a su sitio y rastree a sus usuarios

La única forma de averiguarlo es recopilar una muestra razonable de estadísticas sobre su base de usuarios. Cualquier cosa menos que eso es solo una suposición sin fundamento.

Afortunadamente, Google Analytics rastrea absolutamente todo sobre el navegador, el tamaño de la pantalla, las capacidades habilitadas, etc.

Apunte a Internet Explorer como 'marca baja' porque las versiones son compatibles por mucho más tiempo. Por ejemplo, el ciclo de vida de soporte de Windows XP no caducará hasta el 8 de abril de 2014, por lo que IE 6 no desaparecerá hasta entonces.

Si las estadísticas muestran que solo un porcentaje muy pequeño de usuarios usa IE 6 (o IE 7) puede no justificar el esfuerzo necesario para soportar su navegador.

En cuanto al HTML5 más nuevo, puede agregar un shiv HTML5 a su sitio para obtener una cobertura de mejora progresiva gratuita, pero limite las funciones más avanzadas (ex API de archivos HTML5) a secciones privadas de su sitio hasta que los navegadores se pongan al día.

Evan Plaice
fuente
2
Todas buenas ideas. Sin embargo, tiene que haber un punto ~ con el que sé que está de acuerdo ~ que desarrollar para un pequeño y decreciente porcentaje de personas es una pérdida de tiempo.
Evik James
@EvikJames Sí, esa es la esencia. Intencionalmente lo dejé abierto porque depende del contexto. Para un sitio de medios masivo como Google, tienen una tonelada de recursos y una base de usuarios masiva, por lo que dejar de proporcionar soporte para el navegador incluso para el 0,5% de su base de usuarios tendrá un impacto masivo. Por el contrario, si ejecuta un sitio pequeño y solo .5% de 1000 visitantes únicos usan un navegador heredado, probablemente no valga la pena el apoyo de los recursos. Para citar a Kanye West, "Al igual que los viejos meando, supongo que todo depende, ohhhhh"
Evan Plaice
Sí, como otro ejemplo, mi propio sitio web personal que tiene un blog centrado en la tecnología, junto con algunas fotos familiares todavía tiene el 24% de su tráfico como IE8 con publicaciones bastante tecnológicas como las más populares, seguido por Firefox y luego Chrome (que ahora ambos actualización automática)
Zhaph - Ben Duguid
14

El 90% o más de los estadounidenses tienen imágenes, JavaScript habilitado, compatibilidad con CSS y una conexión razonable.

Pasar el 90% de tu tiempo persiguiendo al 10% del mundo que se ha esforzado por no experimentar la web moderna es una pérdida de tiempo.

Evik James
fuente
1
La pregunta del usuario es sobre el uso razonable de CSS, JavaScript e imágenes. No se trata de construir un sitio web que oculte todo su texto en imágenes y cargas perezosas de JavaScript.
Evik James
1
Incluso si los motores de búsqueda generan el 90% de su tráfico, la gran mayoría de esos usuarios seguirá utilizando un navegador moderno y tendrá habilitado JavaScript.
Stoj
1
Si no puede clasificarse porque los motores de búsqueda no pueden leer su contenido o lo clasifica mal, no tendrá que preocuparse por ningún visitante.
John Conde
3
@JohnConde ¿Por qué el motor de búsqueda no podría clasificar mi sitio? No es como si
estuviera
1
@ JohnConde tiene una opinión, como todos los demás aquí. Es extremadamente eficiente y servicial, y brinda un excelente servicio al estar en StackExchange. Creo que su respuesta es TOTALMENTE apropiada para empresas con un equipo de desarrolladores web experimentados. Es TOTALMENTE inapropiado para una sola persona bloguear y codificar sobre cosas geek.
Evik James
12

Asumir:

  • JavaScript se desactivará
  • CSS3 no será compatible
  • Las imágenes serán deshabilitadas
  • La conexión de los usuarios será lenta.

Sé que eso no es lo que quieres escuchar, pero como diseñadores y desarrolladores web, esta es la realidad que enfrentamos. No solo habrá usuarios que utilicen navegadores antiguos, sino que algunos de ellos alterarán la configuración de su navegador para cambiar su comportamiento predeterminado (por ejemplo, desactivar JavaScript).

Tampoco puede olvidarse de los bots como los motores de búsqueda que tendrán un soporte variable y limitado para CSS y JavaScript. Además, algunos usuarios usarán lectores de pantalla que están notoriamente atrasados ​​en el soporte de las últimas tecnologías.

Apoyar todo lo anterior es en realidad mucho más fácil de hacer de lo que parece. La mejora progresiva es un principio básico del diseño y desarrollo web y le permitirá utilizar las últimas y mejores funciones de su sitio, al mismo tiempo que admite navegadores y usuarios que aún no pueden manejarlo todo.

John Conde
fuente
66
También podría decir que los sitios web deben estar diseñados para personas sin acceso a Internet o computadoras.
Evik James
44
@Evik No creo que ese sea el punto de la respuesta. El punto es que debe comenzar con algo básico y accesible que su <10% al menos podrá consumir su contenido. Luego construya para que el 90% vea algo grandioso.
DisgruntledGoat
1
@WernerCD, la publicación original es sobre un solo usuario escribiendo un blog. ¿Estás sugiriendo que toma el mismo camino que StackOverflow y contrata a un equipo de personas o que aprende los matices de cada navegador? Debería pasar su tiempo blogueando y menos tiempo codificando.
Evik James
1
@WernerCD Los programadores tienen más probabilidades de tener complementos como NoScript instalados, que desactivan Javascript, para evitar páginas 'pesadas'.
DisgruntledGoat
1
@Werner Creo que "asumir que no hay CSS / JS" es probablemente la forma incorrecta de explicarlo. Se trata más de comenzar con una base sólida de HTML y luego construir con CSS y JS. Si sucede que hay algunos errores con CSS / JS en un navegador antiguo, entonces el sitio seguirá siendo funcional. En este sentido, ahora puede asumir un navegador moderno y renunciar a las pruebas en navegadores antiguos, sabiendo que probablemente no se romperá mal para ese 5% de los usuarios.
DisgruntledGoat
5

Asegúrese de que, como mínimo, su página de inicio funcione bien en todos los entornos que pueda admitir razonablemente. Si páginas específicas requieren tecnologías que no son ampliamente compatibles, indíquelo claramente en los enlaces que las conducen (no es necesario usar nada desagradable, titley los alttextos en enlaces e imágenes pueden ser suficientes) y en las páginas mismas (por ejemplo, agregando un pequeño encabezado: puede ocultarse cuando / si puede detectar que las capacidades están presentes).

También trate de asegurarse de que las páginas se degraden con gracia cuando las tecnologías requeridas no estén presentes / habilitadas. Incluso si sus visitantes son expertos en tecnología, si algo en su página simplemente no funciona pero no hay indicios de lo que falta, es posible que no se molesten en buscarlo (a menos que estén realmente interesados, lo que no es algo que pueda ser ficticio). OTOH no tiene que dar instrucciones detalladas sobre cómo habilitar lo que falta, solo declarar lo que debe habilitarse debería ser suficiente para esta audiencia.

Actualización: me gustaría poner más énfasis en el último punto con un anedocte personal: como usuario consciente de la seguridad, siempre navego con NoScript habilitado. Cuando voy a un sitio web que tiene un video, por ejemplo, sucede una de las siguientes cosas:

  • Hay un marcador de posición para el video, y hacer clic en él es suficiente para desbloquearlo;
  • Hay un marcador de posición, pero hacer clic no es suficiente: hay otro dominio que debe desbloquearse (generalmente un CDN), a menudo nombrado de manera apropiada pero inconsistente (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
  • No hay marcador de posición, se añade el vídeo a través de Javascript o no tienen widthy heightconfigurar de forma estática, y en ocasiones no hay ningún indicio de la página tiene un video en absoluto. Puede perderse por completo;
  • El video depende de un servidor de anuncios aleatorio, por lo que desbloquear los dominios más obvios no es suficiente para mostrarlo. Si estoy realmente interesado, puedo seguir desbloqueando los dominios restantes (en el orden del nombre de menor a menor apariencia), a veces con el efecto de que aparezcan más dominios que no aparecían anteriormente, hasta que el video funcione o Me rindo.

Esto es solo para ilustrar algunos problemas que pueden ocurrir incluso cuando asume un navegador moderno y un usuario experto en tecnología. No necesita hacer todo lo posible para asegurarse de que su sitio funcione para todas las configuraciones posibles, pero es importante que algunos elementos a prueba de fallas estén presentes incluso en este caso.

mgibsonbr
fuente
2
"Asegúrese de que, como mínimo, su página de inicio funcione bien en todos los entornos que pueda soportar". Esto tiene sentido.
Evik James
4

Creo que lo que John Conde estaba diciendo era que solo porque son personas técnicas no se puede asumir que están usando un navegador moderno. Dicho esto, tiendo a estar de acuerdo con Evik James en que el OP necesita encontrar el equilibrio entre codificar el sitio para un público más amplio o dedicarse a los blogs. Si él quiere monetizar este sitio en algún momento, entonces diría que debe seguir las filosofías de Mejora progresiva y Diseño receptivo, ya que es mucho más fácil mejorar progresivamente si comienza con dispositivos móviles (¡y friggin IE6!) Y construye su camino arriba. Pero al menos el OP debe ejecutar su sitio a través de un navegador Lynxpara ver cómo se ve su sitio para un lector de pantalla o una araña de motor de búsqueda y asegurarse de que todo se puede ver con imágenes, CSS y JavaScript desactivados. Luego, deje todas las campanas y silbatos realmente geniales para los navegadores modernos, y no se preocupe tanto por lo que parece un poco fuera de lugar o aburrido en IE6.

huzzah
fuente
3
Si estoy en el símbolo del sistema, es probable que lo use w3m, lynxo cualquier navegador de texto disponible.
BillThor
3

Creo que debería suponer que están utilizando navegadores modernos basados ​​en su mercado objetivo. Mantenga una pestaña sobre el uso del navegador y, si un número significativo de personas usa navegadores antiguos, realice cambios de compatibilidad.

marabutt
fuente
Esto me parece una buena idea, y es la forma en que lo haría.
Evik James
que suena como degradación agraciada, deberías leer este artículo: dev.opera.com/articles/view/…
Tomás Ramírez
3

Debe leer sobre la mejora progresiva para admitir a la mayoría de los usuarios y aprovechar las funciones del navegador. El diseño receptivo es otro tema importante para admitir la mayor parte de los dispositivos (hoy en día muchas personas usan dispositivos móviles). Por otro lado, hay muchas bibliotecas como Modernizr , repetitivo , explorercanvas para ayudarlo en este asunto.

Tomás Ramírez
fuente
2
Haces buenos puntos, y es bastante fácil hacer que un sitio sea 95% compatible ~ si no impresionante ~ para todos. El punto que estoy señalando anteriormente es que lleva mucho tiempo desarrollar el denominador menos común.
Evik James
Entiendo tu punto ... pero todas las personas deberían saber sobre esto: D
Tomás Ramírez
0

El hecho de que su público objetivo sean programadores, etc., todavía no asumiría que debido a que tienen una mentalidad más técnica, tendrán las últimas cosas en sus computadoras. Es el razonamiento personal, más que el pensamiento profesional, lo que dicta lo que un programador / técnico utiliza en su computadora.

Por ejemplo, un programador puede ser paranoico y no permitirá que Java esté habilitado en su computadora.

En cualquier caso, Internet está abierto a todos, no encasillado en diferentes secciones. Cree el sitio web para que sea accesible para todos. Nunca se sabe, un programador experto en tecnología puede tener su computadora interrumpida, por lo que se estancará usando la PC de su madre que estaría ejecutando Windows XP con Internet Explorer 7.

mickburkejnr
fuente